エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[み]埋め込み動画もレスポンシブに!ブラウザのサイズに合わせて動画のサイズもリサイズする方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[み]埋め込み動画もレスポンシブに!ブラウザのサイズに合わせて動画のサイズもリサイズする方法
YouTubeとかVimeoとかの動画をレスポンシブなWebサイトに埋め込んだ場合、せっかくなのでこの埋め込み動... YouTubeとかVimeoとかの動画をレスポンシブなWebサイトに埋め込んだ場合、せっかくなのでこの埋め込み動画もレスポンシブにリサイズしてほしいですよね。それを実装する方法を紹介します。 ブラウザのサイズに合わせて埋め込み動画もリサイズする方法 YouTubeやVimeoのような埋め込み動画のレスポンシブ対応は、HTMLとCSSを次のように書いてやると実装できます。HTMLは動画を表示させるiframeをdiv要素で囲み、CSSはdivとiframeそれぞれにスタイルを指定します。 html HTML <div class="video"> <iframe width="960" height="540" src="https://www.youtube.com/embed/wPYCDn8EvUE" frameborder="0" allowfullscreen></iframe> <