html Archives - anydragon

.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%;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.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%;

}

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

1

2

3

4

<label>Youtube</label>

</div>

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

1

2

3

4

5

var player = new Array();

var id = YouTubeGetID($('#fd_strYoutubeUrl').val()); // Youtube key

player[0].loadVideoById(id);

</script>

anydragon

참고자료

최신 글

보관함

Youtube를 페이지 너비에 맞출때

태그

링크

메타