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が学んでいた頃とは隔世の感があるわ。
トラックバック URL
コメント & トラックバック
コメントフィード
コメント