2013-06-19 28 views
1

我創建了一個包含視頻的頁面並進行了設置,因此,如果您單擊以查看頁面上的其他內容,則視頻會暫停。這適用於我的桌面,但不適用於iPad或我的android手機等移動設備。Brightcove暫停()在移動設備上不起作用

這裏是我的代碼:

<script language="javascript" type="text/javascript"> 
    var player; 
    var videoPlayer; 

    function onTemplateLoaded(experienceId) { 
    player = brightcove.getExperience(experienceId); 
    videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);  
    } 
function togglePause() {  
    videoPlayer.pause();  
} 
</script> 

出於測試目的,我扔一個按鈕到頁面,點擊爲原圖稱之爲「togglePause」功能。

<button onclick="togglePause()">PLAY</button> 

任何想法爲什麼這不適用於移動設備?

回答

0

我認爲你需要指定一個templateReady處理程序並將APIModules.VIDEO_PLAYER模塊的初始化移動到那。這是一個非常常見的錯誤,使用templateLoadHandler大部分時間都會工作,特別是在桌面上,所以它吸引了很多人在移動設備上工作。

請參見下面的注意事項從http://support.brightcove.com/en/video-cloud/docs/getting-started-smart-player-api

重要提示:瞭解模板加載並 模板準備事件之間的區別:

  • templateLoad:已收到所有球員和API數據由 的瀏覽器,你現在可以得到參考整體球員( BrightcoveExperience) - 球員尚未完全設置,雖然, 如果你試圖在這一點上調用它的任何方法,你是 建立一個賽車條件

  • templateReady:現在玩家已經 完全實例化,並準備通過API進行交互 - 你 應該只調用模板準備 事件後的API模塊的方法已經解僱

爲了避免過早地調用方法,你可以跳過 templateLoad事件,只是處理templateReady事件。 的缺點是玩家ID不會傳遞給 templateReady處理程序,因此您需要從發佈 代碼中獲取該代碼以便獲得對玩家的引用。

相關問題