보관함

Youtube를 페이지 너비에 맞출때

.css

.player {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.player .youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.html

<label>Youtube</label>
<div class="player">
	<div id="player[0]" class="youtube"></div>
</div>

.js

<script>
	var player = new Array();
	var id = YouTubeGetID($('#fd_strYoutubeUrl').val()); // Youtube key
	player[0].loadVideoById(id);
</script>

 

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  

  

  

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터가 어떻게 처리되는지 알아보세요.