WordPress 视频块可以轻松地将视频上传和添加到您的页面和帖子。 它为您提供了很多选项来控制大小和功能。 使用此块添加视频使内容看起来更专业和可取。 幸运的是,视频块很容易使用。
在本文中,我们将探索视频块。 我们还将查看其设置和选项,查看有关如何使用它的一些提示和最佳实践,并查看常见问题。
订阅我们的 Youtube 频道
如何将视频块添加到您的帖子或页面
要将视频块添加到您的内容中,首先,将光标放在您希望块出现的位置,然后选择插入器工具。 接下来,将打开一个搜索框,您可以在其中搜索块或滚动查看选项。 搜索 视频 并在结果中显示时选择它。
如果您愿意,可以键入 /视频 您要放置块的位置并按回车键或从选项中选择它。
视频块将放置在内容区域内。 插入媒体的工作方式与图像块相同。 上传视频,从库中选择视频,或插入要显示的视频的 URL。 如果 URL 来自 YouTube 等来源,则该块将转换为该类型的块。 在您上传视频之前,选项很少。
视频播放器包括所有基本播放选项,包括播放/暂停按钮、进度条、音频、全屏以及下载和画中画按钮。 画中画将视频放置在右下角,以便在用户滚动浏览网站时播放。 您可以在视频下方放置字幕。
视频块设置和选项
选项和设置包括工具栏和侧边栏。 在上传视频之前,您不会看到所有这些设置。
视频块工具栏
单击视频块中的任意位置以查看工具。 在您在此块下添加块区域之前,某些工具可能不会显示。 让我们详细看看每个设置。
视频更改块或样式
选择视频播放图标会打开一个下拉框,您可以在其中将块转换为其他类型的块。 此示例显示封面。
团体 – 这会将块添加到组中,以便您可以将它们作为单个块进行调整。
列 – 这会将块放置在列中。
媒体和文字 – 这会在媒体旁边添加文本,创建两列。
覆盖 – 这会在视频上放置一个标题。 您可以将标题从段落块更改为其他类型的文本块或按钮。
文件 – 这会将视频更改为带有标题的按钮,允许用户下载视频而不是从网站上播放。
视频块拖动工具
用鼠标抓住拖动工具,将其移动到内容中的任何位置。 将出现一条蓝线,指示在您拖动块时将其放置在何处。
然后视频块将被放置在其新位置。
视频块移动
使用向上和向下箭头将视频块移动一个内容部分。
视频块更改对齐
对齐选项包括左、中、右、宽和全宽。 右对齐和左对齐将来自下一个块的文本环绕在视频周围。 我已经将此示例设置为正确对齐。
这是宽幅。 它占据了大部分屏幕。
视频块文本轨道
播放视频时,文本轨道会显示字幕。 它们被格式化为 WebVTT(网络视频文本轨道).vtt 文件。 这些文件是从媒体库中加载的。
上传 .vtt 文件后,您将看到编辑曲目的选项。 添加标签,选择语言,然后选择曲目类型。
标签是用户在查看可用轨道时将看到的文本轨道的标题。
源语言是文本轨道的语言。
种类是指将显示的曲目类型。 选项包括:
- 字幕 – 对话的翻译。
- 字幕 – 对话、音效、音乐等的转录。
- 说明 – 描述正在发生的事情的文本。
- 章节 – 导航的章节标题。
- 元数据 – JavaScript 使用的数据。
然后将字幕添加到用户可以选择的播放器选项中。
视频块替换
这使您可以用不同的视频替换视频。
视频块选项
选项包括隐藏更多设置、复制、复制、在之前或之后插入、移动到、编辑为 HTML、添加到可重复使用的块、分组和删除块。
以下是选项的作用:
隐藏更多设置 – 这会隐藏右侧边栏,消除干扰并扩展您的工作空间。
复制 – 这会将视频块复制到剪贴板,以便您可以将其粘贴到内容中的任何位置。
复制 – 这会在原始块下添加一个副本。
之前插入 – 这会在该块上方添加一个块区域,以便您可以放置另一个块。
插入之后 – 这会在该块下方添加一个区域,您可以在其中放置另一个块。
搬去 – 这可以让您向上或向下移动块。 它是通过使用箭头键在您想要阻止的位置放置一条蓝线并按 Enter 来移动的。
编辑为 HTML – 这仅显示此块的 HTML,而所有其他块保持正常。
添加到可重用块 – 将块添加到可重复使用的块中,以便您可以在其他页面或帖子上重复使用它。
团体 – 这会将块添加到组中,因此您可以将所有块作为一个单元进行调整。
删除块 – 这将删除块。
视频块字幕选项
标题也有一组选项。 单击标题区域内的任意位置会打开一个带有粗体、斜体和链接选项的小工具栏。 它还包括格式化选项。 选项包括:
- 内联代码
- 内嵌图片
- 键盘输入
- 删除线
- 下标
- 上标
- 文字颜色
每个都会影响您突出显示的文本。
视频块设置
视频块的设置包括视频和高级。 让我们看看两者。
视频设置
视频设置可让您控制播放器的工作方式。 选项包括:
自动播放 – 加载页面时自动播放视频。
环形 – 连续循环播放视频。
静音 – 使音频静音。
回放 控件 – 隐藏或显示播放器控件。 当控件被隐藏时,用户将无法控制视频。 必须启用自动播放。
玩 排队 – 在元素的播放区域内播放视频。
预载 – 设置加载页面时下载的视频量。 选择自动(整个视频)、元数据(仅基本信息)或无(不会自动下载任何内容)。
海报 图片 – 让您将视频第一帧的屏幕截图替换为特色图像。 除非您停用它们,否则它仍会显示播放器控件。 我在上面的示例中添加了一个新图像。
先进的
高级视频设置包括 HTML 锚点和其他 CSS 类。
HTML 锚点 – 允许您指定要用作此特定块的自定义 URL 的文本。
额外的 CSS 类 – 提供一个字段来添加您要用于此块的任何 CSS 类。
有效使用视频块的提示和最佳实践
如果您要嵌入来自 YouTube 或 Vimeo 等来源的视频,请使用它们的块而不是视频块。
压缩视频并减少其大小和加载时间。
使用在线字幕生成器或类似应用程序创建 .vtt 曲目。
如果要提高页面速度,请将 preload 设置为 None。 自动下载的数量会影响您的页面加载速度。
使用左右宽度选项将文本放置在视频周围,使其在视觉上看起来很有趣。 使用宽和全宽选项来强调视频。
不要使用视频图像的第一帧,而是创建一个您想要单击的特色图像。
关于视频块的常见问题
这个块的目的是什么?
此块使您可以轻松地在您的网站上托管视频,并让您控制播放器的工作方式。
视频块和视频嵌入有什么区别?
来自 YouTube 和 Vimeo 等来源的嵌入式视频无法让您控制播放器的功能。
使用此块的最佳方法是什么?
使用带有循环的自动播放并删除播放器控件以进行产品演示和简短的教程剪辑。 对于较长的视频,请禁用自动播放并保持启用控件。
结论
这就是我们对 WordPress 视频块的看法。 我喜欢它提供的控制水平。 左右对齐特别适合周围的内容,宽宽度是吸引视频注意力的好方法。 添加海报图片可以吸引用户的注意力。 此模块是产品演示、教程、音乐等的绝佳选择。
我们希望收到你的来信。 你使用视频块吗? 请在评论中告诉我们您的体验。
特色图片来自 PD99 / shutterstock.com