게시글 유튜브 영상에 반응형 가로 100% 쉽게 주기 정보
게시글 유튜브 영상에 반응형 가로 100% 쉽게 주기
본문
보통 게시글의 본문을 감싸고 있는 div 의 id 가 bo_v_con 이므로.
view.skin.php 의 본문 하단 적당위치에 아래의 스크립트를 추가해 줍니다.
<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>
추천
18
18
댓글 10개
비타주리님 자료 모두다 정말 좋아요.
@들레아빠 감사합니다
좋은 자료 감사합니다~
비타주리님 자료 보면 종종 유료로 손색 없는 자료도 있는데
공개 소스로 제공해주셔서 늘 감사하게 잘 사용하고 있습니다
제공해주시는 자료마다 제가 아주 목마른 자료라서
귀하게 사용하고 있습니다~ 추천 꾹~ 누르고 갑니다~^^
비타주리님 자료 보면 종종 유료로 손색 없는 자료도 있는데
공개 소스로 제공해주셔서 늘 감사하게 잘 사용하고 있습니다
제공해주시는 자료마다 제가 아주 목마른 자료라서
귀하게 사용하고 있습니다~ 추천 꾹~ 누르고 갑니다~^^
@유진아버지 늘 고운 댓글 주셔서 감사합니다.
좋은자료 감사합니다~
@상냥한까마 감사합니다
유용한 정보 감사합니다.
@브러운아이 감사합니다
감사합니다.
@써맨 감사합니다.