게시글 유튜브 영상에 반응형 가로 100% 쉽게 주기
보통 게시글의 본문을 감싸고 있는 div 의 id 가 bo_v_con 이므로.
view.skin.php 의 본문 하단 적당위치에 아래의 스크립트를 추가해 줍니다.
[code]
<script>
function ytSize() {
for (ytIframe of bo_v_con.getElementsByTagName("iframe")) {
if (ytIframe.src.indexOf("youtube.com/embed") > -1) {
ytIframe.style.width = "100%";
ytIframe.style.height = ytIframe.offsetWidth * 9 / 16 + "px";
}
}
}
ytSize();
addEventListener("resize", ytSize);
</script>
[/code]
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 10개
비타주리님 자료 보면 종종 유료로 손색 없는 자료도 있는데
공개 소스로 제공해주셔서 늘 감사하게 잘 사용하고 있습니다
제공해주시는 자료마다 제가 아주 목마른 자료라서
귀하게 사용하고 있습니다~ 추천 꾹~ 누르고 갑니다~^^