Web関連

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

投稿日:

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

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

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

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

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

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

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

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

  • この記事を書いた人
  • 最新記事
The Charlene.(シャーレイン)Miu

The Charlene.(シャーレイン)Miu

音楽、教育、恋愛のメディアの運営しています。UK Rockをこよなく愛するバンドThe Charlene.(シャーレイン)のボーカルMiuです。作詞&作曲の大部分を手がけています。CDはタワレコなどにて全国発売中。配信はiTunes、レコチョクなど。愛用のギターはGretsch (グレッチ)のホワイトファルコン、作曲活動のパートナーです。佐賀県唐津市生まれ。東京育ち。2013年小学館CanCam新世代モデルセミファイナリスト。青山学院大学→慶應義塾大学在学中と人生2回目の大学生で哲学や美学を勉強してます。好きなブランドはFredPerry、アルマーニ、ZARA、CHANEL、エルメス。Jリーグはサガン鳥栖、今年のオススメは松岡大起、石井快征、樋口裕太のサガン鳥栖U18出身選手たち。今年のユニは、貪欲なプレイが魅力の小野裕二、素朴な世界的スーパースターフェルナンド・トーレス。海外サッカーならマンチェスターシティ。きっと水色に惹かれてる。暗号資産やブロックチェーンに興味あり。海外ドラマをよく見ます。ヴァンパイアズダイアリーならデイモン。東京タワーが見える部屋でぼんやり景色を眺めるのが毎日の至福の時間。

-Web関連

Copyright© The Charlene.(シャーレイン)Miu公式Blog , 2019 All Rights Reserved.