使用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在视频无法加载时显示图片:
一个比较简洁的例子:
下面是一个比较完整的例子:
我尝试用jQuery控制HTML5视频,两个视频分别在两个tab中,我希望点中tab后,该tab里的视频可以立即播放,而另外tab里的视频能够停止。
我的代码是这样的:
play并不是jQuery的函数,而是DOM元素的函数,所以我们需要通过DOM来调用play,代码如下:
相关文章推荐
- jQuery + CSS3 实现花瓣剥落特效
- jquery常用总结
- 20151207jquery 学习笔记 Ajax
- jquery checkbox全选与全不选
- jquery DOM加载完成之后立即执行js事件
- jquery通过checkbox状态修改提交按钮为可用还是不可用
- IE 下加载jQuery
- jQuery 流星雨特效
- jquery记录
- 利用jquery函数submit()提交表单注意事项
- jQuery获取Select选择的Text和 Value(转)
- jQuery中通过JSONP来跨域获取数据的三种方式
- jquery 刷新iframe内容示例
- 解析Jquery取得iframe中元素的几种方法
- jQuery实现的虚拟键盘
- jQuery高亮显示文本中重要的关键字
- jquery 下拉框改变 事件 动态显示input
- jQuery设计思想
- JS与jQuery遍历Table所有单元格内容的方法
- jquery动态添加div