当たって砕けろ！アフィリエイト超初心者の人生を懸けた闘い

昨日Youtubeにアップした動画をBloggerのブログに貼り付けたんですが、スマホでの表示をチェックしたところ何故か右側に大きくはみ出た状態に・・・。

ちなみに過去の記事にも動画の埋め込みはしてあるのですが、それらはとくに設定することもなくYoutubeの埋め込みコードを入れただけで自動でスマホに最適化されていました。

そのためBloggerでYoutube動画を埋め込むのは楽だなーと思って特に意識していなかったのですが、今回の埋め込み動画はなぜかはみ出てる・・・。

動画の編集がいままでと違ったかといえばそんなこともなく、考えられる違いといったらYoutubeのサムネ表示画像を別画像に指定したぐらいです。
埋め込みコードも今までと同じなのでまったく原因がわかりません。

テンプレート編集でCSSを追加したりしてみたのですがうまくいかず、結局下記のタグを記事のHTML内に記述することによって解決しました。


<style>iframe{max-width:100%}</style>


一応枠内には収まっているのですが、やはり他の記事に埋め込んだ動画とややサイズが違います。
うーむ、、、レスポンシブって難しいです。