2025-09-16
WordPressにYouTube動画を埋め込む際のデフォルトサイズを変更する
WordPressの仕様が変更されたからのか、数ヶ月前から、ブログにYouTube動画をURLを貼り付ける方法で埋め込むと、サイズが640*360、配置か左寄せで固定されてしまうようになりました。yukkun20は真ん中寄せ信者なので非常に気になっていたのですが、ネットを見ても解決策が載ってないんだよな…世の中左寄せ信者ばかりなのか。
yukkun20の技術力ではどうしようもないので数ヶ月間放置していたのですが、先日別のことを調べている時に解決策のヒントがもらえたので、それを元に修正方法を見つけました。
style.cssに
/***** YouTube 埋め込み用CSS *****/
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
aspect-ratio: 16 / 9;
width: 80%;
height: auto;
display: block;
margin: 0 auto 10px;
}
/***** YouTube 埋め込み用CSS 終わり *****/
と記載するだけです。これで真ん中寄せ、横幅80%になります。横幅(width)や配置(display/margin)は適宜好きなように変更してください。
しかし今のcssはこうやってHTMLの要素を取り込んで範囲指定したり(属性セレクターと言うらしいですね)、アスペクト比を指定したりできるようになっているのか…yukkun20が学んでいた頃とは隔世の感があるわ。















キャラが動くのに任せる的な感じですかね…?