보관함

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> […]