2025-09-16

WordPressにYouTube動画を埋め込む際のデフォルトサイズを変更する

WordPressの仕様が数ヶ月前に変更されたのか、YouTube動画をURLを貼り付ける方法で埋め込むと、サイズが640*360、配置か左寄せで固定されてしまうようになりました。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 終わり *****/

と記載するだけです。横幅(width)や配置(display/margin)は適宜好きなように変更してください。
しかし今のcssはこうやってHTMLの要素を取り込んで範囲指定したり(属性セレクターと言うらしいですね)、アスペクト比を指定したりできるようになっているのか…yukkun20が学んでいた頃とは隔世の感があるわ。