回到所有的课程
课程库

YouTube视频

使用YouTube视频元素从YouTube URL嵌入视频-获得访问YouTube嵌入功能提供的显示选项。

这个视频的特点是一个旧的UI。更新版本即将发布!

YouTube视频元素允许您嵌入来自YouTube URL的视频,并为您提供YouTube嵌入功能提供的所有显示选项,包括显示来自某个频道的相关视频、设置特定的开始时间、显示或隐藏视频控件等功能。

添加YouTube视频元素

你可以添加YouTube视频元素添加面板或使用快速的找到(CMD / CTRL + E)

YouTube的设置

将YouTube视频元素放到页面上后,就可以访问YouTube的设置.在这里,您可以添加您的YouTube视频并定义以下参数:

URL

粘贴你的YouTube链接,按回车键,等待视频加载到你的页面上。

开始——默认值:开始= 0

如果您希望您的视频从某个特定的点开始播放,请按以下格式输入开始时间:mm:党卫军hh: mm: ss

沉默的——默认值:静音= 0

选择播放有声音或无声音的视频。默认情况下,视频是不静音的。

播放——默认值:播放= 0

如果您希望您的视频在播放器加载时自动播放,请选中此选项。

请注意,播放是否受某些浏览器和五月需要“沉默的“也要被启用。
显示玩家控制——默认值:控制= 1

取消选中此选项可隐藏播放器控件。默认情况下,您的YouTube播放器控件将在视频播放或暂停时显示。

隐私模式

隐私增强模式允许您嵌入YouTube视频,而无需使用跟踪观看行为的cookie。您需要打开该功能,以满足数据保护法规的要求。您的视频将从youtube-nocookie.com

将相关视频限制在同一频道——默认值:控制= 1

当嵌入的YouTube视频播放结束或暂停时,播放器将显示相关视频。默认情况下,这些视频将来自与嵌入视频相同的频道。如果你想从其他渠道建议相关内容,你可以取消这个选项。了解更多关于"rel"参数的信息

为开发人员
方法来嵌入自定义YouTube播放器嵌入元素相反,看看YouTube的文档定义了在嵌入式播放器中可用的参数。

设置YouTube视频的尺寸

YouTube视频元素将占用其父元素的全部宽度,并保持其纵横比。如果你想为你的YouTube视频设置一个自定义宽度,把它放在一个div块中,与你想要的视频的特定宽度。

YouTube视频元素vs视频元素

您可以使用video元素和YouTube视频元素来嵌入YouTube视频。

你可以使用视频元素如果你只是想嵌入一个YouTube视频而不定义任何高级参数。

如上所述,YouTube元素让你可以更好地控制视频的外观和播放方式。

YouTube元素无法连接到CMS字段。

富文本的YouTube视频

你可以把YouTube视频嵌入富文本元素或者一个富文本字段使用视频富媒体控件中可用的嵌入选项+ (+)当您的文本光标位于富文本编辑器中的新行上时出现的菜单。

你可以嵌入一个YouTube视频的开始时间。如果您想手动指定开始时间,请添加"t = # ?,将“#”替换为以秒为单位的时间:

  • ?t=3 -视频将在0:03开始
  • ?t=30 -视频将在0:30开始
  • ?t=300 -视频将在5:00开始
注意,在富文本中嵌入YouTube视频时,您将无法使用其他高级YouTube控件。
尝试Webflow——它是免费的
Baidu
map