微信 html5 video,Html5-video ，播放视频有声音无画面（微信H5页面）

求有过类似开发经验的解惑。。。。

问题：在做一个H5视频连续播放页面，在自动播放下一个视频的时候，有时会只有声音无画面，有时又正常，想请问一下大神们是神马原因？如何解决？(针对iPhone就可)

测试环境：

微信端(iPhone4s，5s)－出现以上问题；

PC端(谷歌浏览器模拟移动设备)－未出现问题，所以麻烦回答问题的大神用微信真实环境测试看看，后面我会贴出我的代码。

代码：(以下代码有用到zepto.js)

html——

.pop{width: 100%; height: 200px; overflow: hidden; /*background-color: red;*/}

video{display: block;}

body{background-color: red;}

dianji

js——

Zepto(function($){

var e = 0;

$('.pop').eq(e).show().siblings().hide();

for (var i = 0; i < $('.pop').length; i++) {

var m = $('video').get(i);

m.play();

m.pause();

};

var m1 = $('video').get(e);

m1.play();

m1.addEventListener('playing', function(){

var nextV = setInterval(function(){

if(e != 0){

m.pause();

}else{

m1.pause();

};

if(e < $('.pop').length-1){

e++;

m = $('video').get(e);

m.play();

$('.pop').eq(e).show().siblings().hide();

m.addEventListener('playing', function(){

console.log('aaaa'+e);

});

}else{

clearInterval(nextV);

};

},6000);

});

});

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！