您的位置:首页 > Web前端 > JQuery

使用jQuery播放/暂停 HTML5视频

2015-12-07 17:32 726 查看
文章来自:http://blog.okbase.net/jquery2000/archive/4485.html

我尝试用jQuery控制HTML5视频,两个视频分别在两个tab中,我希望点中tab后,该tab里的视频可以立即播放,而另外tab里的视频能够停止。
我的代码是这样的:

但发现这样不行,而用以下的js是可以的:

解决方法:
play并不是jQuery的函数,而是DOM元素的函数,所以我们需要通过DOM来调用play,代码如下:

最简单的方法实现Play和Pause:

点击视频就能播放和暂停

静音和取消静音

HTML 5中播放视频的方法:

自动播放:

使用poster在视频无法加载时显示图片:

一个比较简洁的例子:

下面是一个比较完整的例子:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: