brightcove
2013-02-04 87 views 0 likes 
0

这里是我的javascript代码如何检测BrightCove视频的结束?

$('.vdo_player1').html("<object id='myExperience185592012001' class='BrightcoveExperience'> <param name='bgcolor' value='#FFFFFF' /><param name='width' value='624' /> <param name='height' value='330' /><param name='playerID' value='1917830444001' /><param name='playerKey' value='AQ~~,AAABrLPpvnk~,7Q4Wbq_wEtPqLNVzhMk5nzVfbE6a6vSo' /> <param name='isVid' value='true' /><param name='isUI' value='true' /> <param name='dynamicStreaming' value='true' /> <param name='@videoPlayer' value='2045929343433301' /> </object> <script type='text/javascript'>brightcove.createExperiences();</script>"); 

视频是越来越dispalyed properly.But我需要跟踪视频结束时并调用基于it.How我能做到一个Struts 2 Action类?

回答

3

虽然user1190992的回答将与Flash播放器的工作,它不会与HTML5播放器正常工作的功能。您应该使用Brightcove的Smart Player API,它可以与Flash和HTML5播放器兼容。

首先启用您正在使用的播放器的API(在Video Cloud studio中,播放器设置)。

向播放器代码添加一些其他参数以启用API。

<param name="includeAPI" value="true" /> 
<param name="templateLoadHandler" value="onTemplateLoaded" /> 
<param name="templateReadyHandler" value="onTemplateReady" /> 

添加JavaScript来设置事件监听器

var player, modVP; 

function onTemplateLoaded(experienceID) { 
    player = brightcove.api.getExperience(experienceID); 
    modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER); 
} 

function onTemplateReady(evt) { 
    modVP.addEventListener(brightcove.api.events.MediaEvent.COMPLETE, onComplete); 
} 

function onComplete(evt) { 
    alert("Video ended"); 
} 

又见Brightcove的文档:http://support.brightcove.com/en/video-cloud/docs/listening-events-using-smart-player-api

注:这个答案和问题指的是Brightcove的遗产聪明的球员,这不适用于当前播放器版本

+0

非常感谢回复,请试用 –

0

使用API,你可以因为它使用旧版本的Flash,仅播放器API编写类似

<script type="text/javascript"> 

    var bcExp; 
    var modVP; 

    function onTemplateLoaded(experienceID) { 
     bcExp = brightcove.getExperience(experienceID); 
     modVP = bcExp.getModule(APIModules.VIDEO_PLAYER); 
     modVP.addEventListener(BCMediaEvent.COMPLETE, my_function); 
    } 

    function my_function(event) { 
     /* DO YOUR STUFF IN HERE */ 
    } 

</script> 
相关问题