这是我在stackoverflow中的第一个问题,请原谅我的错误。
我一直在尝试使用 videojs 创建一个简单的 CMS,用户可以在其中上传他们的视频并自定义他们的属性(例如:自动播放、循环和控件)。
当他们更改属性时,我将自动重新创建整个标签并重新初始化它。我这样做是为了提供正确的预览,尤其是在 firefox 上,因为用户将上传 mp4,如果我没有重新初始化,firefox 将给出“不支持”警告标志(videojs 将自动转换为 flash)。
现在的问题是当用户检查“自动播放”属性时,因为当我初始化视频时它会自动播放并且我不希望在 CMS 中出现这种行为(尽管我希望在已发布的站点中出现这种行为)。
我一直试图在播放器准备好后暂停播放器,但它仍在播放。
我的假设是暂停命令是在从自动播放属性播放命令之前触发的。
这是用于此的 html 标记
<video id="example_video_1" class="video-js vjs-default-skin" controls width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.jpg" autoplay preload="auto" data-setup="{}">
<source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
</video>
这是我用来初始化和暂停视频的那个
_V_(example_video_1).ready( function() {
var myplayer = this;
myplayer.pause();
});
任何想法?非常感谢您的帮助。最坏的情况是,如果所有其他方法都失败了,我可以为预览和发布的网站使用不同的标签(预览没有自动播放)。我为此创建了一个小提琴:http: //jsfiddle.net/F8JhL/2/
编辑:我注意到有时暂停事件确实有效,虽然不是自动的(视频播放后大约 1 到 2 秒),但更多时候它根本不起作用。