2012-01-03 188 views
2

我有一個功能齊全的HTML5視頻,它的ID是「#html5-video-7345」。HTML5視頻(videojs)暫停()和播放()不起作用?

我想控制它使用jQuery,但我不知道如何。

注:我不需要自動播放,這只是簡單的我需要什麼版本:

jQuery(document).ready(function(){ 
    alert('test1'); 
    jQuery('#html5-video-7345').player.play(); 
    alert('test2'); 
}); 

警報「測試1」的兩倍。

jQuery('#html5-video-7345')[0].player.play()jQuery('#html5-video-7345')[0].play()相同。

怎麼了?如何使用jQuery/JS停止()/播放()HTML5視頻?

回答

4

我無法找到videojs函數參考,Google完全是誤導。幸運的是,我找到了這個解決方案,它的功能非常完美:

jQuery('#html5-video-7345').player.play(); //wrong 
jQuery('#html5-video-7345').player().play(); //correct 
2

確保canplay事件已嘗試之前被炒到調用.play():當瀏覽器就可以開始播放視頻

jQuery('#html5-video-7345').bind("canplay", function() { 
    this.play(); // Should start video 
}); 

canplay事件被觸發,但並不保證它可以播放視頻完成。如果這不符合您的要求,您可以收聽其他一些相關事件,例如loadeddatacanplaythrough