视频-WordPress区块编辑器手册-果果开发

从媒体库嵌入视频或上传新视频。

名称: core/video
类别: 媒体
API 版本: 3
块类型: 混合（静态保存 + 服务器增强）
关键词: movie

属性

通过 block.json 中的 attributes 属性定义。

属性	类型	默认值	描述
`autoplay`	`boolean`	—	来源: `attribute`。选择器: `video`。 HTML 属性: `autoplay`
`caption`	`rich-text`	—	来源: `rich-text`。选择器: `figcaption`。角色: `content`
`controls`	`boolean`	`true`	来源: `attribute`。选择器: `video`。 HTML 属性: `controls`
`id`	`number`	—	角色: `content`
`loop`	`boolean`	—	来源: `attribute`。选择器: `video`。 HTML 属性: `loop`
`muted`	`boolean`	—	来源: `attribute`。选择器: `video`。 HTML 属性: `muted`
`poster`	`string`	—	来源: `attribute`。选择器: `video`。 HTML 属性: `poster`
`preload`	`string`	`"metadata"`	来源: `attribute`。选择器: `video`。 HTML 属性: `preload`
`blob`	`string`	—	角色: `local`
`src`	`string`	—	来源: `attribute`。选择器: `video`。 HTML 属性: `src`。角色: `content`
`width`	`number`	—	—
`height`	`number`	—	—
`playsInline`	`boolean`	—	来源: `attribute`。选择器: `video`。 HTML 属性: `playsinline`
`tracks`	`array`	`[]`	角色: `content`

支持功能

通过 block.json 中的 supports 属性定义。

anchor: true
align: true
filter:
- duotone: true
spacing:
- margin: true
- padding: true
interactivity:
- clientNavigation: true
shadow: true

CSS 选择器

通过 block.json 中的 selectors 属性定义。

阴影: .wp-block-video video
滤镜:
- 双色: .wp-block-video video

块标记

这是一个 混合块。它保存静态标记，服务器在渲染期间可能会对其进行增强。

<!-- wp:core/video -->
<figure class="wp-block-video"><video controls src="data:video/mp4;base64,AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAC721kYXQhEAUgpBv/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA