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

[yamina36]

“<iframe src="//player.vimeo.com/video/xxx" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>”

[sukceson]

youtube レスポンシブ

[atsushi1972]

YouTubeやVimeoなどの埋め込み動画をレスポンシブ対応させる方法 割と使用頻度が高いのに毎回のように「どうするんだっけ…」となってしまうので備忘録。YouTubeやVimeoなどのような埋め込み動画をレスポンシブ対応させる方

[qrac_jp]

しまった、こういう方法があったのか。