【问题标题】:Is there a JS function to make a Brightcove Smart Player video start to play?是否有 JS 功能可以让 Brightcove 智能播放器视频开始播放?
【发布时间】:2013-10-05 21:17:35
【问题描述】:
我有一个视频页面,其中视频本身隐藏在使用 z 索引的图像和文本的促销叠加层后面。当用户点击图片时,图片会淡出,显示下方的视频。
我想让视频在用户点击此图片时播放,这样他们在看到视频时就不必点击播放按钮,就像使用 FlowPlayer 之类的插件一样?
有没有类似的东西:
brightcove.playVideo();
我已经尝试过文档,但找不到我要查找的内容,因为我对第三方 API 非常缺乏经验。
【问题讨论】:
标签:
javascript
html
video-streaming
html5-video
brightcove
【解决方案1】:
为此使用player API,特别是video player module。
在 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 文档/示例here。