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

求有过类似开发经验的解惑。。。。
问题：在做一个H5视频连续播放页面，在自动播放下一个视频的时候，有时会只有声音无画面，有时又正常，想请问一下大神们是神马原因？如何解决？（针对iPhone就可）

测试环境：

微信端（iPhone4s，5s）－出现以上问题；

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

代码：（以下代码有用到zepto.js）
html——

    
    
    
        
        
        
    


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


    
});