ブログ記事に張り付けた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. キラーコンテンツとランダムバナー

  4. こんなに簡単!WordPressサイト作成デモンストレーション

  5. Googleカレンダーとスマートフォンアプリを使ってスケジュールを一元…

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

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

  8. お申込みフォーム【ContactForm7】から来るスパムを防御する方…

コメント

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

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

アーカイブ

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

  • 150現在の記事:
  • 60今日の訪問者数:
  • 99今日の閲覧数:
  • 93昨日の訪問者数:
  • 134昨日の閲覧数:
  • 100095総訪問者数:
  • 142925総閲覧数:
  • 101一日あたりの訪問者数:
  • 2現在オンライン中の人数:
  • 2016年5月25日カウント開始日: