您的位置:首页 > 移动开发

移动端 video 的autoplay不起作用的解决方案

2014-11-30 14:58 162 查看
由于移动端的限制导致video标签的autoplay无法正常工作,解决办法如下:
//创建一个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标签的事件,有待继续研究
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: