2016年04月28日
Bloggerに埋め込んだYoutube動画がスマホ表示ではみ出た話
昨日Youtubeにアップした動画をBloggerのブログに貼り付けたんですが、スマホでの表示をチェックしたところ何故か右側に大きくはみ出た状態に・・・。
ちなみに過去の記事にも動画の埋め込みはしてあるのですが、それらはとくに設定することもなくYoutubeの埋め込みコードを入れただけで自動でスマホに最適化されていました。
そのためBloggerでYoutube動画を埋め込むのは楽だなーと思って特に意識していなかったのですが、今回の埋め込み動画はなぜかはみ出てる・・・。
動画の編集がいままでと違ったかといえばそんなこともなく、考えられる違いといったらYoutubeのサムネ表示画像を別画像に指定したぐらいです。
埋め込みコードも今までと同じなのでまったく原因がわかりません。
テンプレート編集でCSSを追加したりしてみたのですがうまくいかず、結局下記のタグを記事のHTML内に記述することによって解決しました。
<style>iframe{max-width:100%}</style>
一応枠内には収まっているのですが、やはり他の記事に埋め込んだ動画とややサイズが違います。
うーむ、、、レスポンシブって難しいです。
![無題.png](/rabbiluna/file/E784A1E9A18C-72bf5-thumbnail2.png)
![](http://blog.with2.net/img/banner/banner_21.gif)
![ブログランキング・にほんブログ村へ](http://www.blogmura.com/img/www88_31.gif)
この記事へのトラックバックURL
https://fanblogs.jp/tb/5007684
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック