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

佐賀県唐津市生まれ。東京育ちのフリーランス。
2013年小学館CanCam新世代モデルセミファイナリスト。
現役のときは青山学院大学、現在は慶應義塾大学で人生2回目の大学生、哲学を学んでいます。
SEOコンサル、Webマーケター、Webデザイナー、広告運用代理などのマルチスキルを生かしたWeb集客のお仕事が得意😄
個人でリカレント教育のメディアも運営しています。

プライベートブログ→美容やサガン鳥栖やファッション

私の別の顔😎→ UK Rockをこよなく愛するバンドThe Charlene.(シャーレイン)のボーカルMiuとして、作詞&作曲の大部分を手がけています。CDはタワレコなどにて全国発売中。詳しくはこちら

-html

© 2020 mieux