HTML5 视频 (videojs) pause() & play() 不起作用？答案

【问题标题】：HTML5 video (videojs) pause() & play() doesn't work?HTML5 视频 (videojs) pause() & play() 不起作用？
【发布时间】：2012-01-03 21:10:10
【问题描述】：

我有一个功能齐全的 HTML5 视频，它的 ID 是“#html5-video-7345”。

我正在尝试使用 jQuery 来控制它，但我不知道如何。

注意：我不需要自动播放，这只是我需要的简化版本：

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

两次提醒“test1”。

jQuery('#html5-video-7345')[0].player.play() 或 jQuery('#html5-video-7345')[0].play() 也是如此。

怎么了？如何使用 jQuery/JS 停止（）/播放（） HTML5 视频？

【问题讨论】：

标签： html video

【解决方案1】：

我找不到 videojs 函数参考，而且 Google 完全具有误导性。幸运的是我找到了这个解决方案，而且效果很好：

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

【讨论】：

【解决方案2】：

在尝试调用.play()之前确保canplay事件已经触发：

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

当浏览器可以开始播放视频时会触发canplay 事件，但它不能保证它可以播放完整的视频。如果这不符合您的目的，您可以收听一些其他相关事件，例如loadeddata 和canplaythrough。

【讨论】：