유투프 풀사이트 iframe
본문 바로가기

Frontend/css

유투프 풀사이트 iframe

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html, body {
    margin: 0;
    height: 100%;
}
    </style>
</head>
<body>
    <!-- <DIV class=video-container style="TEXT-ALIGN: center"><object type="text/html" width="100%" height="1000px" data="https://www.youtube.com/embed/JpHhWdf6OGA?rel=0&autoplay=1"allowFullScreen></object> </DIV>        -->
    <!-- <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/JpHhWdf6OGA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
    <iframe id="existing-iframe-example"
    width="100%" height="100%"
    src="https://www.youtube.com/embed/-SFcIUEvNOQ?autoplay=1&mute=1&enablejsapi=1&modestbranding=1&showinfo=0"
    frameborder="0"></iframe>
    asdfasdf
</body>
</html>

 

반응형

'Frontend > css' 카테고리의 다른 글

table colspan rowspan 예시  (0) 2021.09.08
width 100%를 하려면 flex grow를 사용해보자  (0) 2021.08.31
inline과 block  (0) 2021.05.19
익숙하지않은 css 리스트  (0) 2021.05.17
:after 예제  (0) 2020.10.29