youtubeの動画をレスポンシブにする
Bootstrapで動画をレスポンシブにする方法
.video-wrap { position: relative; margin-top: 1.2em; margin-bottom: 1.2em; padding-top: 69px; padding-bottom: 50%; overflow: hidden; } .video-wrap iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
HTML
<div class="video-wrap"> <iflame> ここにyoutubeなど動画のアドレスを記述する </iflame> </div>