您可以自定义 VideoPress 播放器,使其与您站点的设计相匹配,并控制视频的呈现方式。在本指南中,您将学习如何调整播放器大小、设置自定义海报图片、启用或禁用播放功能以及个性化设计进度条。
在此指南中
有问题?
询问我们的 AI Assistant此视频为英文内容。
YouTube 提供自动翻译功能,帮助您以母语观看:
开启自动翻译字幕的方法:
- 播放视频。
- 点击视频右下角的 ⚙️ 设置 图标。
- 选择 字幕/CC。
- 选择 自动翻译。
- 从列表中选择您的首选语言。
使用自动配音(实验功能)的方法:
- 点击 ⚙️ 设置 图标。
- 选择 音轨。
- 选择您想收听的语言:
ℹ️ 翻译和配音由 Google 自动生成,可能不够准确,且自动配音功能仍在测试中,暂未向所有语言开放。
要直接在 WordPress 编辑器中调整 VideoPress 播放器的大小,请按照以下步骤操作:
- 点击 VideoPress 区块将其选中。
- 找到视频播放器边缘或角落处的大小调整图柄(小正方形)。
- 点击并拖动图柄,将播放器的宽度或高度调整至您想要的大小。
- 释放鼠标按钮以设置新大小。
- 点击“保存”或“发布”,应用您所做的更改。
海报图片即视频播放前显示的缩略图。您可以从视频中选择一帧,或上传自定义图片。
- 选择 VideoPress 区块,然后打开区块设置边栏。
- 如果您未看到边栏,请点击右上角的设置图标。
- 在“海报和预览”部分下,请选择以下选项之一:
- 从视频帧中选取:滚动浏览视频时间轴,选择一帧作为海报图片。
- 选择海报图片:上传新图片或从媒体库中选择一张图片。
- 您还可以将选项切换为“鼠标悬停时显示视频预览”,允许访客扫描您的视频内容。
- 点击“保存”或“发布”,应用您所做的更改。

💡
为获得最佳效果,请使用分辨率至少与视频分辨率大小相同的海报图片(例如,对于 1080p 视频,请使用 1920 x 1080 的图片)。
您可以控制视频的播放方式以及查看者可用的选项。
- 选择 VideoPress 区块,然后打开区块设置边栏。
- 如果您未看到边栏,请点击右上角的设置图标。
- 在“播放”下,调整以下选项:
- 自动播放:页面加载时自动开始播放该视频。
提示某些浏览器可能会阻止自动播放,除非该视频处于静音状态。 - 循环播放:重复播放该视频。
- 静音:视频开始播放时默认静音。如有需要,查看者可以取消静音。
- 显示控件:显示或隐藏播放控件(播放、暂停、音量等)。
- 内联播放:允许视频在移动设备上以内联方式播放,而非全屏播放。
- 预加载:选择页面加载时预加载视频的范围(无、元数据、自动)。
- 自动播放:页面加载时自动开始播放该视频。
- 点击“保存”或“发布”,应用您所做的更改。

您可以个性化设计进度条的颜色,使其更好地与您的视频或站点设计相匹配。
- 选择 VideoPress 区块,然后打开区块样式边栏。
- 如果您未看到边栏,请点击右上角的设置图标。
- 动态颜色功能默认启用,该功能会根据视频播放情况动态调整进度条的颜色。
- 禁用该选项即可设置颜色:
- 主色:进度条的默认颜色。
- 加载完成:视频加载完成后进度条的颜色。
- 加载中:视频加载时进度条的颜色。
- 点击“保存”或“发布”,应用您所做的更改。
通过区块样式边栏的尺寸设置调整 VideoPress 播放器周围的内边距和边距。
您还可以按照以下步骤,使用简码插入视频并控制其大小:
- 在您的仪表盘中,点击“媒体”。
- 点击您想要获取简码的视频。
- 点击“复制”按钮,复制提供的简码,如下图所示。
- VideoPress 简码以 [ 符号开头,后跟
wpvideo或videopress、一串字符,以及一个闭合 ] 符号。 - 示例:
- VideoPress 简码以 [ 符号开头,后跟
[wpvideo YN4MKhAB]

- 编辑您想在其中展示此视频的文章或页面。
- 点击“+ 区块插入器”,然后添加“简码”区块。
- 粘贴步骤 3 中的简码,然后在右括号前面添加
w=XXX来指定宽度(像素),如下所示:
[wpvideo w=400]YN4MKhAB
您也可以将视频宽度设置得更大或更小,只要适合您主题文章栏目的宽度即可。
简码可以接受以下属性来修改默认行为:
w=X表示宽度(单位为像素),无需添加单位。h=Y表示高度(单位为像素),无需添加单位。hd=true/false表示是否强制高清播放。freedom=true/false表示是否强制仅使用开源视频格式。autoplay=true/false表示视频加载完成后是否自动播放。loop=true/false表示是否自动循环播放视频。controls=false表示是否在显示视频时隐藏默认视频控件。
您可以在闭合 ] 符号前添加以使用所需的属性:[wpvideo OcobLTqC attribute=value]。示例:
[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]