YouTube嵌入

返回列表阻碍

YouTube图标

使用YouTube Embed块,您可以使用播放按钮将YouTube视频包含到您的帖子/页面中,以便您的访问者可以留在您的站点上观看。

嵌入视频不需要YouTube帐户。

不过,并非所有视频都可以通过这种方式共享。出版商需要在视频设置中“允许嵌入”,而一些出版商限制了可以共享视频的国家。

可以在YouTube Studio中找到此设置:编辑视频>更多选项>选中“允许嵌入”
可以在YouTube Studio中找到此设置:
编辑视频>更多选项>选中“允许嵌入”

非个人识别观看数据将与YouTube和视频发布者共享。请咨询隐私政策和信息如果你的网站有儿童访问,请在YouTube上搜索。

在帖子或页面中嵌入YouTube视频的六个步骤

  1. 在YouTube.com上查找视频,并从浏览器栏复制视频的URL
  1. 在帖子中添加YouTube嵌入块。
为Gutenberg Page Builder选择YouTube块
通过“斜杠”命令从空行添加块

添加块的详细说明

  1. 粘贴YouTube URL从步骤1开始
  2. 单击“嵌入”按钮
YouTube URL将示例粘贴到块中
  1. 你可以在编辑器中看到YouTube视频。
添加到块中的视频示例-WordPress 5.9
嵌入YouTube视频后
  1. 单击预览,将在页面前端显示。
YouTube视频块-嵌入成功

播放列表

播放列表URL可以嵌入,列表的第一个视频显示在嵌入框中,播放列表的附加导航位于右上角。

YouTube Gutenberg Block的播放列表示例

实时流媒体

YouTube Live流URL支持以下形式youtube.com/live/videocode

不支持的URL

并非所有的YouTube链接都可以用于嵌入。当使用不适合嵌入的URL时,块编辑器提供两个选项:尝试不同的URL或将当前URL转换为文本链接。

抱歉-Youtube无法嵌入内容示例。

块工具栏

YouTube图标旁边是“拖放手柄”。这可以用于将块拖动到页面的其他部分。

旁边是“移动器”。显示了向上和向下选项。

YouTube块的块工具栏
YouTube块工具栏

更改对齐方式

在第一条分隔线之后,您可以使用“更改对齐”工具。

更改YouTube块的对齐方式
更改对齐选项–YouTube块

路线具有可变选项,具体取决于您的主题。

  • –默认对齐选项。
  • 宽宽度–将文章宽度增加到超出内容大小。
  • 全宽–将块延伸到屏幕的整个宽度。
  • 左对齐–使块左对齐。
  • 居中对齐–使块对齐居中。
  • 向右对齐–使块正确对齐。

“宽宽度”和“全宽度”对齐需要由站点的主题启用。 

编辑URL

单击编辑按钮将显示调整视频嵌入URL的视图。

YouTube URL将示例粘贴到块中

通过编辑URL,您可以更改嵌入块中的YouTube嵌入URL。覆盖现有URL并单击右侧的“嵌入”按钮。

更多选项

这些控件使您可以选择将块复制、复制和编辑为HTML。

阅读这些和其他设置。

块设置

除了“高级”部分,YouTube嵌入在“块设置”侧栏中只有一个设置:媒体设置。

媒体设置

通过媒体设置当从较小的设备(如电话屏幕)查看时,可以控制帖子嵌入的行为。

切换开关用于打开或关闭较小设备的调整大小功能。默认设置为“开”或蓝色。

“关闭:”调整浏览器大小时,此嵌入可能不会保留其纵横比。在关闭位置,拨动开关为灰色。

“打开:”调整浏览器大小时,此嵌入将保留其纵横比。拨动开关在“打开”位置变为蓝色。

高级

高级选项卡允许您向块中添加CSS类,允许您编写自定义CSS并根据需要设置块的样式。

高级部分允许您向块中添加CSS类。

对于YouTube嵌入,有默认的CSS类,允许在手机等较小的设备上查看时对嵌入进行响应性处理。

变更日志

  • 2023-08-24年更新
    • 添加了Live Streams部分
  • 2022-11-23年更新
    • 删除了冗余数据
    • 在一些图像上添加了alt文本
    • 移动视图的对齐图像
  • 2022-02-04更新
    • 将屏幕截图更改为5.9
    • 已从工具栏选项中删除组区域
    • 更新了文档流以表示工具栏中的内容
    • 更新标签以适应更多设置5.9
  • 2020-08-18更新
    • 替换了“更多选项”–新屏幕截图
    • 在“更多选项”下添加了“移动到”和“复制”部分
  • 2020-05-26更新
    • 修复了一些拼写错误
  • 创建于2020-04-21

这篇文章有用吗?如何改进?

首次发布

上次更新时间