CSS HTML5/퍼블리싱 팁

유튜브 동영상 비율대로 반응형으로 적용하는 방법

웹디자이너 Kang Ji Yeon 2023. 8. 21. 10:07
반응형

<div style="position: relative; height:0; padding-bottom: 56.25%;margin:0 auto;">
<iframe width="860" height="649" src="https://www.youtube.com/embed/동영상ID?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="position: absolute; left:0; width:100%; height:100%;"></iframe>
</div>

반응형

'CSS HTML5 > 퍼블리싱 팁' 카테고리의 다른 글

퀵메뉴 스크롤 시 위치 지정하는 스크립트  (0) 2018.04.09
드롭다운메뉴 참고  (0) 2018.03.21
레이아웃 가변형  (0) 2016.11.09
coda 단축키  (0) 2016.11.09
테이블 cellspacing="0" 대신 할 css  (0) 2016.11.09