ブログ記事に張り付けた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ブログのアイキャッチ画像の設定方法

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

  3. WordPress標準記事タイトルとAll in one SEO pa…

  4. (3)カテゴリーの作り方【PC操作】

  5. WordPressとGoogleアナリティクスとを紐付けする方法

  6. 記事装飾の方法・プラグイン【Shortcodes Ultimate】

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

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

コメント

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

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

アーカイブ

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

  • 113現在の記事:
  • 92今日の訪問者数:
  • 134今日の閲覧数:
  • 86昨日の訪問者数:
  • 147昨日の閲覧数:
  • 54501総訪問者数:
  • 72314総閲覧数:
  • 83一日あたりの訪問者数:
  • 0現在オンライン中の人数:
  • 2016年5月25日カウント開始日: