0

我有一个视频页面,其中视频本身隐藏在使用 z 索引的图像和文本的促销叠加层后面。当用户点击图像时,它会淡出,露出下面的视频。

我想在用户单击此图像时播放视频,这样他们在看到视频时就不必单击播放按钮,就像使用 FlowPlayer 之类的插件一样?

有没有类似的东西:

brightcove.playVideo();

我已经尝试过文档,但找不到我要找的东西,因为我对第三方 API 非常缺乏经验。

4

1 回答 1

1

为此使用播放器 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 文档/示例在这里

于 2013-10-05T13:17:35.000 回答