デフォルト表示
<figure class="wp-block-video">
<video controls="" poster="example.jpg" src="example.mp4"></video>
<figcaption>キャプション</figcaption>
</figure>
縦型
ブロック設定パネル
動画設定
自動再生 / 繰り返し再生 / ミュート / プレイバックコントロール / インラインで再生
先読み
ポスター画像
スタイル設定
標準スタイル
.wp-block-video video {
max-width:100%
}
@supports ((position: -webkit-sticky) or(position: sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit:cover
}
}
.wp-block-video.aligncenter {
text-align:center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom:1em
}
.wp-block-video figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
ブロック制御コメント
<!-- wp:video {"id":237} -->
<!-- /wp:video -->