2012-01-03 644 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