我有一个视频页面,其中视频本身隐藏在使用 z 索引的图像和文本的促销叠加层后面。当用户点击图像时,它会淡出,露出下面的视频。
我想在用户单击此图像时播放视频,这样他们在看到视频时就不必单击播放按钮,就像使用 FlowPlayer 之类的插件一样?
有没有类似的东西:
brightcove.playVideo();
我已经尝试过文档,但找不到我要找的东西,因为我对第三方 API 非常缺乏经验。
我有一个视频页面,其中视频本身隐藏在使用 z 索引的图像和文本的促销叠加层后面。当用户点击图像时,它会淡出,露出下面的视频。
我想在用户单击此图像时播放视频,这样他们在看到视频时就不必单击播放按钮,就像使用 FlowPlayer 之类的插件一样?
有没有类似的东西:
brightcove.playVideo();
我已经尝试过文档,但找不到我要找的东西,因为我对第三方 API 非常缺乏经验。
在 Studio 的播放器设置中启用 API,并将这些参数添加到您的发布代码中:
<param name="includeAPI" value="true" />
<param name="templateLoadHandler" value="onTemplateLoad" />
将您指定的函数定义为 的值templateLoadHandler
。
var videoPlayer;
function onTemplateLoad(id) {
var player = brightcove.api.getExperience(id);
videoPlayer = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
}
然后要播放视频,请使用videoPlayer.play()
. 请注意,某些移动浏览器(包括移动 Safari)在与播放器交互之前不允许播放 - 您可以使用它videoPlayer.canPlayWithoutInteraction
来确定是否可以播放play()
。
更多 API 文档/示例在这里。