Google Ads、Google AdMob、AMPHTML 广告、视频广告和图片广告均不支持此组件。
通过“视频”组件,您可以在项目中嵌入视频并添加互动功能。
如需显示 YouTube 视频,请改用“YouTube”组件。
要向项目中添加“视频”组件,请按以下步骤操作:
- 打开组件面板,然后打开媒体文件夹。
- 将视频 组件拖到场景中。如果您要制作广告,也可以使用文件 > 导入素材资源… 命令并跳过下一步。
- 找到属性面板的视频属性部分,然后在来源字段中输入视频源文件网址。如果视频源文件是本地文件,请点击该字段中的浏览 按钮,从计算机文件系统中选择视频。
- 如需使视频具有互动性,您可以添加互动区或提示点。双击场景中的“视频”组件,以打开“互动视频”对话框。
- 互动区会在指定时间内出现在“视频”组件前方。
- 通过设置广告插入点,您可以在视频播放期间将事件关联到特定时刻。
使用移动浏览器播放视频
移动浏览器可能会停用视频自动播放功能,这样用户便不会为未经请求的内容支付数据流量费。因此,对移动浏览器的最佳做法是:关闭自动播放功能,并改为开启视频控件。
在“属性”面板中,进行以下更改:
- 取消选中自动播放复选框。
- 选中显示控件复选框。
“互动视频”对话框
通过“互动视频”对话框,您可以预览视频,以及设置热点和提示点。此对话框包含视频时间轴,因此您可以看到热点和提示点的出现时间。仅当进度条指针位于互动区的开始时间和结束时间之间时,互动区才会显示在视频预览中。
“互动视频”对话框中的控件
在视频预览下方,您可以使用以下按钮控制视频播放和进度条指针位置:
向后跳转(到某个广告插入点、某个热点的开始或结束位置,或视频的开头) | |
上一帧 | |
/ | 播放/暂停 |
下一帧 | |
向前跳转(到某个广告插入点、某个热点的开始或结束位置,或视频结尾处) |
您也可以点击以黄色显示的时间并输入一个新时间(以秒为单位),直接修改当前视频播放时间。
添加提示点
- 如果您想在视频时间轴的进度条指针处添加提示点,请点击视频下方的创建提示点 按钮。您也可以右键点击视频时间轴,然后从弹出式菜单中选择添加提示点。
- 视频时间轴上方随即会显示提示点标记 。
- 您可以在右侧的“属性”面板中修改广告插入点 ID,也可以右键点击相应广告插入点,然后选择修改 ID…。
- 要调整广告插入点时间,请沿视频时间轴拖动广告插入点标记,或在“属性”面板中输入新的时间。各提示点之间必须至少相隔半秒。
现在,您可以在关闭对话框后,在事件和操作中引用该提示点了。
删除广告插入点
右键点击广告插入点标记,然后选择删除。
添加热点
- 将时间轴进度条指针移到要添加热点的位置。
- 点击视频时间轴左侧的 + 热点按钮。视频时间轴下方即会显示一个新的互动区轨迹。
- 在右侧的“属性”面板中,选择要作为叠加层显示的素材资源。
- 如果您希望互动区是透明的,请跳过此步骤。
- 如果您使用的是视频素材资源,视频会在互动区显示时自动开始播放,而不显示控件。
- 调整互动区的位置、大小和时间。
- 默认情况下,互动区会在视频的整个播放期间(包括视频开始播放之前和播放结束之后)一直显示。
- 您可以在“属性”面板中进行更改,或在视频时间轴中拖动互动区本身、互动区大小调整手柄以及互动区栏。
如需对用户点击互动区的操作做出响应,请在关闭此对话框之后设置一个可以检测鼠标 > 点击操作的事件。
热点在全屏视频中无法发挥作用。
删除热点
点击视频时间轴左侧的互动区 ID 旁边的 X。
属性
“视频”组件属性
视频组件的属性会显示在“属性”面板中。(您必须退出“互动视频”对话框。)
属性 | 说明 |
---|---|
名称 | 组件名称。 |
自动播放 | 如果选择该属性,您的视频会在网页加载时自动播放。并非所有移动浏览器都支持该属性。 |
循环播放 | 如果选择该属性,视频会不断重复播放。 |
静音 | 如果选择该属性,视频会在开始时静音播放。 |
控件 | 如果选择该属性,视频播放器会显示标准视频控件栏。 |
来源 | 视频源网址。您可以添加不同格式的多个来源,并用英文逗号分隔各网址。可以绑定到动态数据。 |
海报帧 | 在用户开始播放或搜索视频之前一直显示的海报帧的网址。可以绑定到动态数据。 |
在“互动视频”对话框中,您可以查看和修改提示点的属性。
属性 | 说明 |
---|---|
ID | 提示点 ID。 |
时间 | 提示点的设置时间(以秒为单位)。可以绑定到动态数据。 |
在“互动视频”对话框中,您可以查看和修改热点的属性。
属性 | 说明 |
---|---|
ID | 热点 ID。 |
左侧 | 互动区的左侧位置,以占“视频”组件宽度的百分比表示。可以绑定到动态数据。 |
顶部 | 互动区的顶部位置,以占“视频”组件高度的百分比表示。可以绑定到动态数据。 |
宽度 | 互动区的宽度,以占“视频”组件宽度的百分比表示。可以绑定到动态数据。 |
高度 | 互动区的高度,以占“视频”组件高度的百分比表示。可以绑定到动态数据。 |
显示时间 | 热点变为可见的时间(以秒为单位)。如果选择在视频播放之前显示,则此属性不适用。可以绑定到动态数据。 |
在视频播放之前显示 | 热点是否会在视频开始播放之前显示。 |
隐藏时间 | 热点停止显示的时间(以秒为单位)。如果选择在视频播放之后显示,则此属性不适用。可以绑定到动态数据。 |
在视频播放之后显示 | 热点是否会在视频播放结束之后继续显示。 |
素材资源 | 要作为叠加层显示的图片、视频或组。可以绑定到动态数据。 |
缩放方式 | 如果素材资源是图片,可以在互动区和素材资源尺寸不同时使用以下缩放方式:
|
事件和操作
了解如何配置事件。
事件
“视频”组件发送的事件您可根据以下“视频”组件事件触发其他操作:
事件 | 说明 |
---|---|
暂停后播放 | 当媒体在暂停后又开始播放时发送,也就是在之前的暂停事件后又恢复播放时发送。 |
已暂停 | 暂停播放时发送。 |
正在播放 | 当媒体开始播放(无论是首次播放、暂停后又开始播放,还是结束后又重新开始播放)时发送。 |
已结束 | 播放完毕时发送。 |
音量改变 | 当音量发生变化(包括设置音量和更改静音属性)时发送。 |
已跳转 | 当搜索操作完成时发送。 |
正在缓冲 | 当因为有其他操作(如搜索)尚未完成而导致请求的操作(如播放)被延迟时发送。 |
如需在事件对话框中选择上述某个事件,请将“视频”组件设为目标。
如果您为视频添加了广告插入点,则可以根据以下广告插入点事件触发其他操作:
事件 | 说明 |
---|---|
已到达广告插入点 | 当媒体播放已达到广告插入点中定义的时间时发送。 |
如需在事件对话框中选择此事件,请将提示点设为目标。
如果您为视频添加了热点,则可以根据以下热点事件触发其他操作:
事件 | 说明 |
---|---|
已显示热点 | 当热点变为可见时发送。 |
已隐藏热点 | 当热点隐藏时发送。 |
如需在事件对话框中选择上述某个事件,请将互动区设为目标。
操作
“视频”组件执行的操作以下“视频”组件操作可由其他事件触发:
操作 | 配置选项 |
---|---|
切换静音 | 无 |
暂停 | 无 |
播放 | 无 |
重放 | 无 |
搜索 | 时间 - 跳过的时长(以秒为单位)。 |
设置音量 | 设置音量 (0-100) - 视频音量(以百分比的形式表示)。 |
设置来源 | 来源 - 不同格式的来源网址(用英文逗号分隔)。 |
在事件对话框中选择上述某个操作时,请将“视频”组件设为接收方。
如果您为视频添加了广告插入点,则以下广告插入点操作可由其他事件触发:
操作 | 配置选项 |
---|---|
搜索广告插入点 | 无 |
设置广告插入点时间 | 时间 - 以秒为单位的时间。 |
在事件对话框中选择上述某个操作时,请将提示点设为接收方。
如果您为视频添加了热点,则以下热点操作可由其他事件触发:
操作 | 配置选项 |
---|---|
更改可见性 | 显示热点 - 将热点设为可见。取消选中此复选框可隐藏热点。 |
跳至显示时间或隐藏时间 | 跳至显示时间 - 跳至热点的显示时间。取消选中此复选框将跳至热点的隐藏时间。此操作最适合在播放之前或播放之后显示的热点,因为播放过程中的效果只是瞬时的。 |
设置时间 |
|
在事件对话框中选择上述某个操作时,请将互动区设为接收方。
预览
您可以双击场景中的视频组件,在“互动视频”对话框中预览视频。如果在此对话框中进行预览,系统将无法完全呈现包含动画的热点。
如需在预览“视频”组件时一并预览文档中的其他元素,或测试任何事件,请退出“互动视频”对话框,然后点击右上角的预览按钮。