“视频”组件

Google Ads、Google AdMob、AMPHTML 广告视频广告图片广告均不支持此组件。

通过“视频”组件,您可以在项目中嵌入视频并添加互动功能

如需显示 YouTube 视频,请改用“YouTube”组件

Google Ads、Google AdMob 和 AMPHTML 广告均不支持此组件。

要向项目中添加“视频”组件,请按以下步骤操作:

  1. 打开组件面板,然后打开媒体文件夹。
  2. 视频 组件拖到场景中。如果您要制作广告,也可以使用文件 > 导入素材资源… 命令并跳过下一步。
  3. 找到属性面板的视频属性部分,然后在来源字段中输入视频源文件网址。如果视频源文件是本地文件,请点击该字段中的浏览 按钮,从计算机文件系统中选择视频。
  4. 如需使视频具有互动性,您可以添加互动区或提示点。双击场景中的“视频”组件,以打开“互动视频”对话框。
    • 互动区会在指定时间内出现在“视频”组件前方。
    • 通过设置广告插入点,您可以在视频播放期间将事件关联到特定时刻。

使用移动浏览器播放视频

移动浏览器可能会停用视频自动播放功能,这样用户便不会为未经请求的内容支付数据流量费。因此,对移动浏览器的最佳做法是:关闭自动播放功能,并改为开启视频控件。

在“属性”面板中,进行以下更改:

  • 取消选中自动播放复选框。
  • 选中显示控件复选框。

“互动视频”对话框

通过“互动视频”对话框,您可以预览视频,以及设置热点和提示点。此对话框包含视频时间轴,因此您可以看到热点和提示点的出现时间。仅当进度条指针位于互动区的开始时间和结束时间之间时,互动区才会显示在视频预览中。

互动视频

“互动视频”对话框中的控件

在视频预览下方,您可以使用以下按钮控制视频播放和进度条指针位置:

向后跳转(到某个广告插入点、某个热点的开始或结束位置,或视频的开头)
上一帧
/ 播放/暂停
下一帧
向前跳转(到某个广告插入点、某个热点的开始或结束位置,或视频结尾处)


您也可以点击以黄色显示的时间并输入一个新时间(以秒为单位),直接修改当前视频播放时间。

添加提示点

  1. 如果您想在视频时间轴的进度条指针处添加提示点,请点击视频下方的创建提示点 按钮。您也可以右键点击视频时间轴,然后从弹出式菜单中选择添加提示点
  2. 视频时间轴上方随即会显示提示点标记
  3. 您可以在右侧的“属性”面板中修改广告插入点 ID,也可以右键点击相应广告插入点,然后选择修改 ID…
  4. 要调整广告插入点时间,请沿视频时间轴拖动广告插入点标记,或在“属性”面板中输入新的时间。各提示点之间必须至少相隔半秒。

现在,您可以在关闭对话框后,在事件和操作中引用该提示点了。

删除广告插入点

右键点击广告插入点标记,然后选择删除

添加热点

  1. 将时间轴进度条指针移到要添加热点的位置。
  2. 点击视频时间轴左侧的 + 热点按钮。视频时间轴下方即会显示一个新的互动区轨迹。
  3. 在右侧的“属性”面板中,选择要作为叠加层显示的素材资源。
    • 如果您希望互动区是透明的,请跳过此步骤。
    • 如果您使用的是视频素材资源,视频会在互动区显示时自动开始播放,而不显示控件。
  4. 调整互动区的位置、大小和时间。
    • 默认情况下,互动区会在视频的整个播放期间(包括视频开始播放之前和播放结束之后)一直显示。
    • 您可以在“属性”面板中进行更改,或在视频时间轴中拖动互动区本身、互动区大小调整手柄以及互动区栏。

如需对用户点击互动区的操作做出响应,请在关闭此对话框之后设置一个可以检测鼠标 > 点击操作的事件

热点在全屏视频中无法发挥作用。

删除热点

点击视频时间轴左侧的互动区 ID 旁边的 X

属性

“视频”组件属性

视频组件的属性会显示在“属性”面板中。(您必须退出“互动视频”对话框。)

属性 说明
名称 组件名称。
自动播放 如果选择该属性,您的视频会在网页加载时自动播放。并非所有移动浏览器都支持该属性。
循环播放 如果选择该属性,视频会不断重复播放。
静音 如果选择该属性,视频会在开始时静音播放。
控件 如果选择该属性,视频播放器会显示标准视频控件栏。
来源 视频源网址。您可以添加不同格式的多个来源,并用英文逗号分隔各网址。可以绑定到动态数据
海报帧 在用户开始播放或搜索视频之前一直显示的海报帧的网址。可以绑定到动态数据
提示点属性

在“互动视频”对话框中,您可以查看和修改提示点的属性。

属性 说明
ID 提示点 ID。
时间 提示点的设置时间(以秒为单位)。可以绑定到动态数据
互动区属性

在“互动视频”对话框中,您可以查看和修改热点的属性。

属性 说明
ID 热点 ID。
左侧 互动区的左侧位置,以占“视频”组件宽度的百分比表示。可以绑定到动态数据
顶部 互动区的顶部位置,以占“视频”组件高度的百分比表示。可以绑定到动态数据
宽度 互动区的宽度,以占“视频”组件宽度的百分比表示。可以绑定到动态数据
高度 互动区的高度,以占“视频”组件高度的百分比表示。可以绑定到动态数据
显示时间 热点变为可见的时间(以秒为单位)。如果选择在视频播放之前显示,则此属性不适用。可以绑定到动态数据
在视频播放之前显示 热点是否会在视频开始播放之前显示。
隐藏时间 热点停止显示的时间(以秒为单位)。如果选择在视频播放之后显示,则此属性不适用。可以绑定到动态数据
在视频播放之后显示 热点是否会在视频播放结束之后继续显示。
素材资源 要作为叠加层显示的图片、视频或组。可以绑定到动态数据
缩放方式 如果素材资源是图片,可以在互动区和素材资源尺寸不同时使用以下缩放方式:
  • 将图片调整为合适尺寸 - 将图片缩放到元素可容纳的最大尺寸,而不进行剪裁或拉伸。
  • 剪裁图片以覆盖整个可用空间 - 将图片缩放到可以填满热点空间的最大尺寸,而不进行拉伸。如果图片与热点的宽高比不同,系统会垂直或水平剪裁图片。

事件和操作

了解如何配置事件

事件

“视频”组件发送的事件

您可根据以下“视频”组件事件触发其他操作:

事件 说明
暂停后播放 当媒体在暂停后又开始播放时发送,也就是在之前的暂停事件后又恢复播放时发送。
已暂停 暂停播放时发送。
正在播放 当媒体开始播放(无论是首次播放、暂停后又开始播放,还是结束后又重新开始播放)时发送。
已结束 播放完毕时发送。
音量改变 当音量发生变化(包括设置音量和更改静音属性)时发送。
已跳转 当搜索操作完成时发送。
正在缓冲 当因为有其他操作(如搜索)尚未完成而导致请求的操作(如播放)被延迟时发送。

如需在事件对话框中选择上述某个事件,请将“视频”组件设为目标

提示点发送的事件

如果您为视频添加了广告插入点,则可以根据以下广告插入点事件触发其他操作:

事件 说明
已到达广告插入点 当媒体播放已达到广告插入点中定义的时间时发送。

如需在事件对话框中选择此事件,请将提示点设为目标

互动区发送的事件

如果您为视频添加了热点,则可以根据以下热点事件触发其他操作:

事件 说明
已显示热点 当热点变为可见时发送。
已隐藏热点 当热点隐藏时发送。

如需在事件对话框中选择上述某个事件,请将互动区设为目标

操作

“视频”组件执行的操作

以下“视频”组件操作可由其他事件触发:

操作 配置选项
切换静音
暂停
播放
重放
搜索 时间 - 跳过的时长(以秒为单位)。
设置音量 设置音量 (0-100) - 视频音量(以百分比的形式表示)。
设置来源 来源 - 不同格式的来源网址(用英文逗号分隔)。

事件对话框中选择上述某个操作时,请将“视频”组件设为接收方

提示点执行的操作

如果您为视频添加了广告插入点,则以下广告插入点操作可由其他事件触发:

操作 配置选项
搜索广告插入点
设置广告插入点时间 时间 - 以秒为单位的时间。

事件对话框中选择上述某个操作时,请将提示点设为接收方

互动区执行的操作

如果您为视频添加了热点,则以下热点操作可由其他事件触发:

操作 配置选项
更改可见性 显示热点 - 将热点设为可见。取消选中此复选框可隐藏热点。
跳至显示时间或隐藏时间 跳至显示时间 - 跳至热点的显示时间。取消选中此复选框将跳至热点的隐藏时间。此操作最适合在播放之前或播放之后显示的热点,因为播放过程中的效果只是瞬时的。
设置时间
  • 显示时间 - 热点应变为可见的时间。
  • 隐藏时间 - 应隐藏热点的时间。

事件对话框中选择上述某个操作时,请将互动区设为接收方

预览

您可以双击场景中的视频组件,在“互动视频”对话框中预览视频。如果在此对话框中进行预览,系统将无法完全呈现包含动画的热点。

如需在预览“视频”组件时一并预览文档中的其他元素,或测试任何事件,请退出“互动视频”对话框,然后点击右上角的预览按钮。

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
15087100577464001926
true
搜索支持中心
true
true
true
true
true
5050422
false
false