brightcove
2013-02-04 151 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> 
相關問題