html5的视频页面来显示不出来,Html5-video ，播放视频有声音无画面（微信H5页面）...

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

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

测试环境：

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

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

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

html——

Document

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

video{display: block;}

body{background-color: red;}

1

2

3

4

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);

});

});