FC2ブログでYouTube動画を埋め込んだ時、スマホ表示でも動画を枠からはみ出さないようにする方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

普通にYouTube動画をFC2ブログに埋め込むと(埋め込み用タグを貼り付けると)、スマホで表示させた時に画面の枠からはみ出ることがあります。

それを防止する方法。

方法は簡単で、以下のコードを「パソコン用スタイルシート」と「スマホ用スタイルシート」の両方に貼り付けるだけです。

/*YouTube埋め込み動画を枠内に表示*/
iframe {
  max-width: 100%;
}
  • PC用スタイルシートに変更を加えるには、「テンプレートの設定>(PC用)テンプレート管理」と進めばOK。
  • スマホ用スタイルシートに変更を加えるには「テンプレートの設定>(スマートフォン用)テンプレート管理」と進めばOK。

そして、スタイルシートのコードが書かれたボックス内の最下部にでも、上記コードを挿入して、変更を保存すればOKです。

※PC用のスタイルシート変更、スマホ用のスタイルシート変更、の合計2回、変更を加えて保存することを忘れないでください。

スポンサーリンク


  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*