シバタスブログ 

この記事に含まれるタグ :
FC2ブログ  CSS  YouTube  

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

   ↑  2017/09/20 (水)  カテゴリー: FC2ブログ
スポンサーリンク

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

それを防止する方法。

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

/*YouTube埋め込み動画を枠内に表示*/
iframe {
  max-width: 100%;
}
  • PC用スタイルシートに変更を加えるには、「テンプレートの設定>(PC用)テンプレート管理」と進めばOK。
  • スマホ用スタイルシートに変更を加えるには「テンプレートの設定>(スマートフォン用)テンプレート管理」と進めばOK。
そして、スタイルシートのコードが書かれたボックス内の最下部にでも、上記コードを挿入して、変更を保存すればOKです。

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

スポンサーリンク

この記事に含まれるタグ : FC2ブログ CSS YouTube 

(記事編集) https://shibatas.blog.fc2.com/blog-entry-418.html

2017/09/20 | Comment (0) | HOME | ↑ ページ先頭へ ↑ |

Comment

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

お気軽にコメントをどうぞ。
非公開 (管理人のみ閲覧可能なコメント) にしたい場合には、ロック にチェックを入れてください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)