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が学んでいた頃とは隔世の感があるわ。

トラックバック URL

コメント & トラックバック

>>サンドランドも毎日プレイしているんですけど、あれ思ったよりボリュームありますね。
原作が短編漫画なのでやはりオリジナル要素を入れるしかないのですが 原作の雰囲気を壊さずよくあそこまでのゲームに仕上げたと思います
ベルゼ達の新しい冒険が観れるのもワクワクしますね 

原作を水増しするのではなく、完全新規のエピソードを足しているのは英断だと思いますね。ベルゼたちの魅力がさらに深まりましたし、ようやくアンも同行してくれるようになったので楽しいです。

コメントフィード

コメント

皆さまのコメントが励みになっています。ありがとうございます。