我该如何融入由Brightcove主持的视频结尾引发的事件
How do I hook into an event triggered by the end of a Brightcove hosted video?
当用户点击带有播放按钮的图像时,我有以下代码来显示Brightcove播放器:
$(document).ready(function() {
$('#performanceVideo').hide();
$('#banner_text_wrap').click(function(e) {
e.preventDefault();
$('banner-image').hide().fadeOut(slow);
$('#performanceVideo').show().fadeIn(slow).css({'float':'left','margin-top':'-251px'});
});
});
我想在视频结束时将图像淡入淡出。如何使用jQuery连接到视频结束事件?阅读文档时,我认为我需要在代码中包含addEventListener
,但我是JavaScript新手,因此非常感谢您的帮助。
将这两个参数添加到您的播放器片段中:
<param name="includeAPI" value="true" />
<param name="templateLoadHandler" value="myTemplateLoaded" />
然后添加一个javascript函数,该函数与您在snippet params中为templateLoadHandler提供的值相匹配,以设置videoPlayers结束事件的事件侦听器。
function myTemplateLoaded(experienceID){
player = brightcove.api.getExperience(experienceID);
modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
modVP.addEventListener(brightcove.api.events.MediaEvent.COMPLETE,onMediaComplete);
}
然后在整个事件触发时隐藏玩家:
function onMediaComplete(evt){
$('#performanceVideo').hide();
$('banner-image').show().fadeIn(slow);
}
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- 在javascript中添加和显示对象的随机数组中的视频
- 如何解析Brightcove视频中的视频缩略图
- 如何创建包含多个视频的视频横幅
- 如何使用angularjs在iframe中嵌入来自数据库的视频链接
- 使我的视频标头响应
- Javascript的视频音量问题
- 我可以设置HTML5文件上传的视频长度限制吗
- 删除LINES开头和结尾的空白
- 如何将缩略图链接到新页面上的视频
- 使用SeleniumWebdriver(带有Java)测试没有ID的视频
- AudioContext从blob获取数据的视频创建MediaElementSource
- 如何让iPhone用户在我的网站上观看带字幕的视频
- 如何修改此功能以获得最受欢迎的视频?(YouTube API v3)
- jQuery-选择以..开头和结尾的元素..但省略了具体名称
- setAttribute和video.src用于更改IE9中不起作用的视频标记源
- ReactJS组件中显示的视频未更新
- Regex:匹配以“AM”结尾的单词(不区分大小写比较)
- 我该如何融入由Brightcove主持的视频结尾引发的事件
- 正在检查iPad上的视频结尾