YouTubeやVimeoなどの埋め込み動画をレスポンシブ対応させる方法 - NxWorld割と使用頻度が高いのに毎回のように「どうするんだっけ...」となってしまうので備忘録。 YouTubeやVimeoなどのような埋め込み動画をレスポンシブ対応させる方法で、特に面倒な記述も必要なく実装できます。 実装にはHTMLとCSSを下記のように記述し、HTMLは動画を表示させるiframeをdiv要素で囲み、CSSはdivとiframeそれぞれにスタイルを指定します。 <!-- YouTube --> <div class="video"> <iframe src="//www.youtube.com/embed/{動画コード・パラメータ指定部分}" frameborder="0" allowfullscreen></iframe> </div> <!-- Vimeo --> <div class="video"> <iframe src="//player.vimeo.com/vid
