古腾堡编辑器教程:如何使用WordPress视频区块

WordPress视频区块使您可以轻松地将视频上传和添加到您的页面和文章。它为您提供了大量控制大小和功能的选项。使用此区块添加视频使内容看起来更专业和可取。幸运的是,视频区块易于使用。在本教程中,我们将探索视频区块。我们还将看到它的设置和选项

shutterstock_1493240687.jpgo_

WordPress视频区块使您可以轻松地将视频上传和添加到您的页面和文章。它为您提供了大量控制大小和功能的选项。使用此区块添加视频使内容看起来更专业和可取。幸运的是,视频区块易于使用。

在本教程中,我们将探索视频区块。我们还将看到它的设置和选项,查看有关如何使用它的一些提示和最佳实践,以及常见问题。

How-to-Add-the-Video-Block-to-your-Post-or-Page.pngo_

要将视频区块添加到您的内容中,首先,将光标放在您希望区块出现的位置,然后选择插入器工具。接下来,将打开一个搜索框,您可以在其中搜索区块或滚动查看选项。搜索视频并在结果中显示时选择它。

How-to-Add-the-Video-Block-to-your-Post-or-Page-2.pngo_

如果您愿意,可以在要放置区块的位置键入/video并按 Enter 键或从选项中选择它。

How-to-Add-the-Video-Block-to-your-Post-or-Page-3.pngo_

视频区块将放置在内容区域内。插入媒体的工作方式与图片区块相同。上传视频、从库中选择视频或插入要显示的视频的URL。如果URL来自YouTube等来源,则该区块将转换为该类型的区块。在您上传视频之前,选项很少。

How-to-Add-the-Video-Block-to-your-Post-or-Page-4.pngo_

视频播放器包括所有基本播放选项,包括播放/暂停按钮、进度条、音频、全屏以及下载和画中画按钮。画中画将视频放置在右下角,以便在用户滚动浏览网站时可以播放。您可以在视频下方放置标题。

Video-Block-Settings-and-Options.pngo_

选项和设置包括工具栏和侧边栏。在上传视频之前,您不会看到所有这些设置。

Video-Block-Toolbar.pngo_

单击视频区块内的任意位置以查看工具。在您在此区块下添加区块区域之前,某些工具可能不会显示。让我们详细看看每个设置。

视频更改区块或样式

Video-Change-Block-or-Style-2.pngo_

选择视频播放图标会打开一个下拉框,您可以在其中将区块转换为其他类型的区块。此示例显示封面。

  • 组合– 这会将区块添加到组中,以便您可以将它们作为单个区块进行调整。
  • 栏目– 这会将区块放置在列中。
  • 媒体和文本– 这会在媒体旁边添加文本,创建两列。
  • 封面– 这会在视频上放置一个标题。您可以将标题从段落区块更改为其他类型的文本区块或按钮。
  • 文件– 这会将视频更改为带有标题的按钮,允许用户下载视频而不是从网站播放。

视频区块拖动工具

Video-Block-Drag-Tool.pngo_

用鼠标抓住拖动工具将其移动到内容中的任何位置。将出现一条蓝线,指示在您四处拖动区块时将放置该区块的位置。

Video-Block-Drag-Tool-2.pngo_

然后视频区块将被放置在其新位置。

视频区块移动

Video-Block-Move.pngo_

使用向上和向下箭头将视频区块移动一个内容部分。

视频区块对齐方式

Video-Block-Change-Alignment.pngo_

对齐选项包括左、中、右、宽幅和全幅。左右对齐将下一个区块中的文本环绕在视频周围。我已将此示例设置为右对齐。

Video-Block-Change-Alignment-2.pngo_

这是宽幅。它占据了大部分屏幕。

视频区块文本轨道

Video-Block-Text-Tracks.pngo_

文本轨道在视频播放时显示字幕。它们的格式为WebVTT(Web视频文本轨道).vtt文件。文件从媒体库加载。

Video-Block-Text-Tracks-2.pngo_

上传 .vtt 文件后,您将看到编辑曲目的选项。添加标签,选择语言,然后选择曲目类型。

标签是用户在查看可用轨道时将看到的文本轨道的标题。

源语言是文本轨道的语言。

种类是指将显示的轨道类型。选项包括:

  • 字幕– 对话的翻译。
  • 说明文字– 对话、音效、音乐等的转录。
  • 内容描述– 描述正在发生的事情的文本。
  • 章节– 用于导航的章节标题。
  • 元数据– 供JavaScript使用的数据。

Video-Block-Text-Tracks-3.pngo_

然后将字幕添加到用户可以选择的播放器选项中。

视频区块替换

Video-Block-Replace.pngo_

这使您可以用不同的视频替换视频。

视频区块选项

Video-Block-Options.pngo_

选项包括隐藏更多设置、复制、复制、在之前或之后插入、移动到、作为HTML编辑、添加至可重用区块、组合和删除区块。

以下是选项的作用:

  • 隐藏更多设置– 这会隐藏右侧边栏,消除干扰并扩展您的工作空间。
  • 复制– 这会将视频区块复制到剪贴板,以便您可以将其粘贴到内容中的任何位置。
  • 创建副本– 这会在原始区块下添加区块的副本。
  • 在区块前插入– 这会在此区块上方添加一个区块区域,以便您可以放置??另一个区块。
  • 在区块后插入– 这会在此区块下方添加一个区块区域,您可以在其中放置另一个区块。
  • 移动至– 这使您可以向上或向下移动区块。它是通过使用箭头键在您想要区块的位置放置一条蓝线并按Enter来移动的。
  • 作为HTML编辑?– 这仅显示此区块的HTML,其他区块保持正常。
  • 添加至可重用区块– 将区块添加到您的可重用区块中,以便您可以在其他页面或文章上重用它。
  • 组合– 这会将区块添加到组中,以便您可以将所有区块作为一个单元进行调整。
  • 删除区块– 这将删除区块。

视频区块字幕选项

Video-Block-Caption-Options.pngo_

标题也有一组选项。单击标题区域内的任意位置会打开一个带有粗体、斜体和链接选项的小工具栏。它还包括格式化选项。选项包括:

  • 内联代码
  • 内嵌图片
  • 键盘输入
  • 删除线
  • 下标
  • 上标
  • 文字颜色

每个都会影响您突出显示的文本。

Video-Block-Settings.pngo_

视频区块的设置包括视频和高级。让我们看看两者。

视频设置

Video-Block-Video-Settings.pngo_

视频设置可让您控制播放器的工作方式。选项包括:

  • 自动播放– 当页面加载时自动播放视频。
  • 循环– 连续循环播放视频。
  • 静音– 使音频静音。
  • 回放控制– 隐藏或显示播放器控件。当控件隐藏时,用户将无法控制视频。必须启用自动播放。
  • 内联播放?– 在元素的播放区域内播放视频。
  • 预加载– 设置加载页面时下载的视频量。选择自动(整个视频)、元数据(仅基本信息)或无(不自动下载任何内容)。
  • 海报图像– 可让您用特色图像替换视频第一帧的屏幕截图。除非您停用它们,否则它仍会显示播放器控件。我在上面的例子中添加了一个新图像。

高级

Video-Block-Advanced.pngo_

高级视频设置包括HTML锚点和其他CSS类。

  • HTML锚点– 允许您指定用作此特定区块的自定义URL的文本。
  • 附加CSS类– 提供一个字段来添加要用于此区块的任何CSS类。

如果您要嵌入来自YouTube或Vimeo等来源的视频,请使用它们的区块而不是视频区块。

压缩视频并减少其大小和加载时间。

使用在线字幕生成器或类似应用程序创建 .vtt 轨道。

如果您想提高页面速度,请将预加载设置为无。自动下载的数量会影响您的页面加载速度。

使用左右宽度选项在视频周围放置文本,使其在视觉上看起来很有趣。使用宽和全宽选项来强调视频。

不要使用视频图像的第一帧,而是创建您想要点击的特色图像。

此区块使您可以轻松地在您的网站上托管视频,并让您控制播放器的工作方式。

来自YouTube和Vimeo等来源的嵌入视频无法让您控制播放器的功能。

使用循环自动播放并删除产品演示和简短教程剪辑的播放器控件。对于较长的视频,请禁用自动播放并保持启用控件。

这就是我们对WordPress视频区块的看法。我喜欢它提供的控制水平。左右对齐特别适合周围的内容,宽宽度是吸引人们注意视频的好方法。添加海报图片可以吸引用户的注意力。此区块是产品演示、教程、音乐等的绝佳选择。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午4:44
下一篇 2025年3月13日 下午4:45

相关推荐

  • 如何快速更改(或重置)WordPress密码

    如果您需要更改WordPress密码,但您又无法访问您的网站,很多时候您会慌乱无度。通常,当有人忘记了他们的WordPress密码,他们无法访问他们的电子邮件以重置标准密码,或者他们的WordPress站点没有正确发送电子邮件时,就会发生这种情况。在这篇文章中,我们将向您介绍如何针对您

    2025年3月13日
  • WordPress用户权限角色级别完整说明

    WordPress 的用户权限系统相对直观和灵活,允许管理员根据需求为用户分配不同的权限级别。以下是 WordPress 中的各个用户角色及其权限的简要介绍: 超级管理员 (Super Admin) 通常只在多站点网络(Multisite)中存…

    WP教程 2025年3月12日
  • Google网站验证:使用Search Console验证网站的9种方法

    您想将您的网站添加到GoogleSearchConsole吗?在Google允许您添加站点、查看其分析或提交其站点地图之前,它会要求您验证您的站点所有权。从本质上讲,Google站点验证是为了证明您拥有该站点。因此,您需要先完成GoogleSearchConsole验证过程,然后才能通过Goo

    2025年3月13日
  • 如何配置WordPress常规设置

    WordPress的灵活性有时意味着它的设置可能会让人不知所措。常规设置页面尤其如此,里面有一长串看似无关的选项。不过,这里的功能比乍看起来要简单得多。在本文中,我们将介绍WordPress常规设置页面上的可用选项,并告诉您如何配置每个选项以获得最佳效果。WordPress常规设置简介如何配置WordPress常规设置小结WordPress中

    2025年3月13日
  • 如何使用WP RSS Aggregator获取WordPress网站Feed

    所有WordPress网站都能够发布RSSFeed。WordPress还内置支持获取任何RSSFeed并将其显示在您的网站上。您只需转到外观?小工具并将RSS小工具拖到侧边栏,这将允许您输入任何提要URL并显示它。但是

    2025年3月13日
  • 如何为WordPress配置免费电子邮件SMTP服务器

    如果您在从WordPress站点发送和接收电子邮件时遇到问题,使用免费的SMTP服务器可以提供更高的可靠性和可送达性。默认情况下,WordPress尝试通过PHPmail发送事务性邮件,这会导致各种问题。事务性

    2025年3月13日
  • 什么是以及如何创建WordPress侧边栏

    WordPress侧边栏可以在每个网页上填充相同的信息,也可以根据它所在的页面进行自定义。无论哪种方式,它都是提高您网站上其他内容的知名度、鼓励社交分享甚至通过广告创收的好方法。本文将向您展示如何创建WordPress侧边栏,讨论放置它们

    2025年3月13日
  • 如何更新WordPress主题:安全而深入的指南

    WordPress主题是WordPress网站最重要的组成部分之一。它决定着网站的外观、内容的显示方式,让网站看起来更现代、更专业、更符合品牌形象。因此,及时更新主题并确保其始终正常运行非常重要。但有时这并不完全简单。如果您已经定制了WordPress主题,更新它就意味着您有可能丢失自己的作品。如果您网站中的插件与新版本的主题不兼容,您需要决定哪些代码需要更新,哪些不需要更新。如果你正在使用自己定

    2025年3月13日