ブログ記事に張り付けたYouTube動画がはみ出す解決方法

ブログに張り付けたYouTube動画がコンテンツ幅以上にはみ出してしまうので、どうすればいいですか?

というご質問が来ましたので、解決方法を解説します。

以下のようにブログ記事に貼り付けたYouTube動画が右のサイドバーまではみ出しています。

スマートフォンで見ると横幅から大きくはみ出しています。

これを調整する方法を動画で解説しましたのでご覧ください。

作業に必要なプラグイン2つ。

  • Simple Custom CSS
  • AddQuicktag

▼スタイルシートここから▼
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

▲スタイルシートここまで▲


The following two tabs change content below.
牛(うし)
牛(うし)
最後までお読み頂きありがとうございました。内容は参考になりましたでしょうか?ご感想ご意見などありましたら【こちら】からお気軽にアクセス下さい。またこのサイトの更新情報をスマホで受けて頂ける場合は【こちら】をクリックして登録して下さい。
 

関連記事

  1. WordPressの既存のコメント欄をfacebookコメントに実装す…

  2. 無料ブログのアメブロかWordPressか?

  3. YouTube動画をWordPressブログのコンテンツ幅にぴったり合…

  4. WordPressブログのアイキャッチ画像の設定方法

  5. サーバー設定

  6. サロン向けWordPressサイト構築デモ(1)

  7. 著作権フリーの画像を好きなだけ使える【Pixabay Images】f…

  8. キラーコンテンツとランダムバナー

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

アーカイブ

ご訪問ありがとうございました!

  • 100現在の記事:
  • 24今日の訪問者数:
  • 27今日の閲覧数:
  • 49昨日の訪問者数:
  • 64昨日の閲覧数:
  • 44406総訪問者数:
  • 57230総閲覧数:
  • 49一日あたりの訪問者数:
  • 0現在オンライン中の人数:
  • 2016年5月25日カウント開始日: