목록으로

유튜브 영상 크기 조절 문의 드립니다. 채택완료

강남멋장이 5년 전 조회 4,672

답변 2

반응형 홈페이지 게시판에서 유투브 영상을 그대로 소스를 삽입하면 모바일에서는 그대로 크게 보여 집니다. 이렬 경우 해결 방안이 있는지 궁금합니다.

#그누보드5 #그누보드4 #php

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

정렬:

채택된 답변

+20 포인트

DSLOVE

5년 전

<script type="text/javascript">

$(window).resize(function(){resizeYoutube();});

$(function(){resizeYoutube();});

function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); }

</script>

위와 같은 방법도 있습니다!

구글링해서 찾은 스크립트이며 메모장에 적어두고 쓰고 있는거 알려드려요 ㅎㅎ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웹학교

5년 전

반응형에서 동영상 처리

1. HTML부문

iframe을 먼저 div으로 감쌉니다.

소스코드.... iframe으로 되어 있는... (예:<iframe src="https://player.vimeo.com/video/244630454" rel="nofollow">https://player.vimeo.com/video/244630454" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>)

</div>

2. CSS부문

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

fffff

4년 전

너무 감사드려요!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

유튜브 영상 크기 조절 문의 드립니다. 채택완료

답변 2개

답변에 대한 댓글 1개

공유하기