移动端 video 的autoplay不起作用的解决方案
2014-11-30 14:58
162 查看
由于移动端的限制导致video标签的autoplay无法正常工作,解决办法如下:
通过上面这种方式,可以实现video的自动播放,但是在移动端依旧无法监控video标签的事件,有待继续研究
//创建一个video标签 var __video = $(""). css({'position':'absolute','left':'-500px','right':'-500px','width':'10px',height:'10px'}).appendTo('body'); //设置视频文件地址 __video.attr('src',"/server/resources/classic/mobile/video/test.mp4"); //创建临时使用的a标签 var __tmpA = __tmpA || $("").appendTo('body'); //给标签绑定事件,在标签中播放视频 __tmpA.unbind('bind').bind('click',function (e) { e.preventDefault(); //通过先暂停,再播放的方式实现在ios中自动播放的效果 __video[0].play(); __video[0].pause(); __video[0].play(); }).click();
通过上面这种方式,可以实现video的自动播放,但是在移动端依旧无法监控video标签的事件,有待继续研究
相关文章推荐
- jQuery Ui Draggable在移动端浏览器不起作用解决方案
- linux 配置ssh无密码登录不起作用的解决方案
- Web移动端Fixed布局的解决方案
- 移动端爬坑记 --- (3)DOMReady的实现及微信端reload页面解决方案
- 移动端报表实现离线填报功能解决方案
- 移动端适配的解决方案
- 移动端HTML5音频与视频问题及解决方案
- 移动端虚拟键盘遮挡页面输入框等元素的解决方案
- 解决方案:在移动端输入框在软键盘弹出后位置矫正
- 移动端弱网测试解决方案(ATC)
- 移动端横竖屏显示页面不全解决方案
- 关于内层DIV设置margin-top不起作用的解决方案
- 手机移动端可滚动的导航代码--css解决方案
- mycat 启动和关闭服务不起作用解决方案
- 移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
- 移动端web自适应解决方案: adaptive.js
- video — 移动端适配
- IScroll.js移动端点击事件被阻止的解决方案.
- 虚拟键盘冲击移动端fixed布局的解决方案
- Git忽略文件不起作用解决方案