【WordPress】レスポンシブテーマでCSSコードの追加だけでYouTube動画をはみ出さずに表示させる方法WordPressのテーマを使用していて、YouTube動画がはみ出てしまい正しく表示されない場合があります。特にWordPressでなくても、CSSを編集できるサービスを利用している場合も同じです。 方法はいくつかありますが、今回紹介するのCSS、HTMLの追加だけの方法が簡単ではみ出ずに表示できたので、備忘録としてメモしておきます。 以下の作業するだけでYouTube動画をはみ出さずに表示させることができます。 CSS編集画面にCSSコードを追加 投稿画面でコードの間にYouTubeから取得したコードを貼る これだけでYouTubeの埋め込みが画像サイズに変化するレスポンシブになります。 CSSにコードを追加 .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height:
