使用指南/创建内容/媒体/自定义 VideoPress 播放器

自定义 VideoPress 播放器

您可以自定义 VideoPress 播放器,使其与您站点的设计相匹配,并控制视频的呈现方式。在本指南中,您将学习如何调整播放器大小、设置自定义海报图片、启用或禁用播放功能以及个性化设计进度条。

视频教程

此视频为英文内容。
YouTube 提供自动翻译功能,帮助您以母语观看:

开启自动翻译字幕的方法:

  1. 播放视频。
  2. 点击视频右下角的 ⚙️ 设置 图标。
  3. 选择 字幕/CC
  4. 选择 自动翻译
  5. 从列表中选择您的首选语言。

使用自动配音(实验功能)的方法:

  1. 点击 ⚙️ 设置 图标。
  2. 选择 音轨
  3. 选择您想收听的语言:

ℹ️ 翻译和配音由 Google 自动生成,可能不够准确,且自动配音功能仍在测试中,暂未向所有语言开放。

更改播放器大小

要直接在 WordPress 编辑器中调整 VideoPress 播放器的大小,请按照以下步骤操作:

  1. 点击 VideoPress 区块将其选中。
  2. 找到视频播放器边缘或角落处的大小调整图柄(小正方形)。
  3. 点击并拖动图柄,将播放器的宽度或高度调整至您想要的大小。
  4. 释放鼠标按钮以设置新大小。
  5. 点击“保存”或“发布”,应用您所做的更改。

选择缩略图

海报图片即视频播放前显示的缩略图。您可以从视频中选择一帧,或上传自定义图片。

  1. 选择 VideoPress 区块,然后打开区块设置边栏
    • 如果您未看到边栏,请点击右上角的设置图标。
  2. 在“海报和预览”部分下,请选择以下选项之一:
    • 从视频帧中选取:滚动浏览视频时间轴,选择一帧作为海报图片。
    • 选择海报图片:上传新图片或从媒体库中选择一张图片。
  3. 您还可以将选项切换为“鼠标悬停时显示视频预览”,允许访客扫描您的视频内容。
  4. 点击“保存”或“发布”,应用您所做的更改。
VideoPress 区块设置边栏的海报和预览选项。

💡

为获得最佳效果,请使用分辨率至少与视频分辨率大小相同的海报图片(例如,对于 1080p 视频,请使用 1920 x 1080 的图片)。

自定义播放设置

您可以控制视频的播放方式以及查看者可用的选项。

  1. 选择 VideoPress 区块,然后打开区块设置边栏
    • 如果您未看到边栏,请点击右上角的设置图标。
  2. 在“播放”下,调整以下选项:
    • 自动播放:页面加载时自动开始播放该视频。
      提示某些浏览器可能会阻止自动播放,除非该视频处于静音状态。
    • 循环播放:重复播放该视频。
    • 静音:视频开始播放时默认静音。如有需要,查看者可以取消静音。
    • 显示控件:显示或隐藏播放控件(播放、暂停、音量等)。
    • 内联播放:允许视频在移动设备上以内联方式播放,而非全屏播放。
    • 预加载:选择页面加载时预加载视频的范围(无、元数据、自动)。
  3. 点击“保存”或“发布”,应用您所做的更改。
VideoPress 区块设置边栏中的播放选项。

更改进度条颜色

您可以个性化设计进度条的颜色,使其更好地与您的视频或站点设计相匹配。

  1. 选择 VideoPress 区块,然后打开区块样式边栏
    • 如果您未看到边栏,请点击右上角的设置图标。
  2. 动态颜色功能默认启用,该功能会根据视频播放情况动态调整进度条的颜色。
  3. 禁用该选项即可设置颜色:
    • 主色:进度条的默认颜色。
    • 加载完成:视频加载完成后进度条的颜色。
    • 加载中:视频加载时进度条的颜色。
  4. 点击“保存”或“发布”,应用您所做的更改。

调整内边距和边距

通过区块样式边栏尺寸设置调整 VideoPress 播放器周围的内边距和边距。

VideoPress 简码

您还可以按照以下步骤,使用简码插入视频并控制其大小:

  1. 在您的仪表盘中,点击“媒体
  2. 点击您想要获取简码的视频。
  3. 点击“复制”按钮,复制提供的简码,如下图所示。
    • VideoPress 简码以 [ 符号开头,后跟 wpvideovideopress、一串字符,以及一个闭合 ] 符号。
    • 示例:

[wpvideo YN4MKhAB]

“媒体”中视频详细信息页面的底部,简码突出显示。
  1. 编辑您想在其中展示此视频的文章或页面。
  2. 点击“+ 区块插入器”,然后添加“简码”区块
  3. 粘贴步骤 3 中的简码,然后在右括号前面添加 w=XXX 来指定宽度(像素),如下所示:

[wpvideo YN4MKhAB w=400]

您也可以将视频宽度设置得更大或更小,只要适合您主题文章栏目的宽度即可。

VideoPress 简码属性

简码可以接受以下属性来修改默认行为:

  • 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]

Copied to clipboard!