## 概要
[[YouTube]]の動画を埋め込むと、左揃えで表示される。
![[2025-11-12-06-23-20.avif]]
これを中央寄せで表示したい。[[Live Preview]]、[[Reading view]]、[[Obsidian Publish]]のすべてにおいてそうしたい。
## ソリューション
以下の[[CSS]]を設定します。
```css
/* 中央寄せ 主にYouTube動画用 */
iframe.external-embed,
.markdown-source-view.mod-cm6 .cm-content > * {
display: block;
margin: 0 auto !important;
}
```
[[Reading view]]のときは中央寄せが不要なら、`iframe.external-embed` だけ指定してください。
```css
/* 中央寄せ 主にYouTube動画用 */
iframe.external-embed {
display: block;
margin: 0 auto !important;
}
```
> [!warning]
> この設定は[[YouTube]]の埋め込み動画だけではなく、外部サイトの埋め込み全般に作用します。もし、**他の埋め込みサイトは中央寄せしたくない場合は利用できません。**