html

【Bootstrap】レスポンシブ対応のYouTube埋め込みメモ

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div><!-- 16:9 aspect ratio -->

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item" src="..."></iframe></div>
<!-- 4:3 aspect ratio -->

何故かこれだと埋め込みができず。

参照
http://getbootstrap.com/components/#responsive-embed

これで解決ヽ(•̀ω•́ )ゝ✧

<iframe class="embed-responsive-item" src="#" frameborder="0" allowfullscreen></iframe>

Reino
この動画で歌っているのは私(´ω`)✧

追記:Word Pressだと、引用のタグで問題がない様子

結論:ダメだったら、frameborder="0" allowfullscreenが入った方を使う

2020年追記:アフィンガーならURLを貼るだけだから一番楽

  • この記事を書いた人
  • 最新記事
Reino

Reino

佐賀県唐津市生まれ。 東京育ちのフリーランスのWebマーケター・文筆家・美容ブロガー・美容研究家。 大好きな東京タワーのある港区のとある町で夫とカエルとサメたち暮らしています🐸🦈🗼 慶應義塾大学で社会人学生として、人生2回目の大学生生活を満喫中。 UK Rockをこよなく愛するバンドThe Charlene.(シャーレイン)のボーカルMiuとしての顔もあります😎 詳しいプロフィールはこちら

-html

© 2020 mieux