求有过类似开发经验的解惑。。。。
问题：在做一个H5视频连续播放页面，在自动播放下一个视频的时候，有时会只有声音无画面，有时又正常，想请问一下大神们是神马原因？如何解决？（针对iPhone就可）
测试环境：
微信端（iPhone4s，5s）－出现以上问题；
PC端（谷歌浏览器模拟移动设备）－未出现问题，所以麻烦回答问题的大神用微信真实环境测试看看，后面我会贴出我的代码。代码：（以下代码有用到zepto.js）
html——
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta content="telephone=no" name="format-detection">
<style>
.pop{width: 100%; height: 200px; overflow: hidden; /*background-color: red;*/}
video{display: block;}
body{background-color: red;}
</style>
</head>
<body>
<div class="pop">1
<video src="http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ" webkit-playsinline width="100"></video>
</div>
<div class="pop">2
<video src="http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ" webkit-playsinline width="100"></video>
</div>
<div class="pop">3
<video src="http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ" webkit-playsinline width="100"></video>
</div>
<div class="pop">4
<video src="http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ" webkit-playsinline width="100"></video>
</div>
<button id="btn">dianji</button>
<script type="text/javascript" src="zepto_m.js"></script>
<script type="text/javascript" src="t1.js"></script>
</body>
</html>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);
});
});请问这个问题你怎么解决的，今天我也遇到了和您一样的问题
这个方案似乎有问题，会造成每隔6秒视频“暂停-继续播放”的操作。
另外，如果需要轮播视频，则应只使用一个video标签，通过动态改变该video标签的src来实现视频切换功能。页面上同时存在多个video元素而未加销毁的话，性能上是不友好的。
目测是微信X5内核不兼容
应该是视频帧率的问题，你可是保存一个网上的正常的视频，右键看下他的。把自己属性和他们调成一样的
HTML5开发 video标签 设置视频自动播放（安卓中） 我也遇到了，你怎么弄的，求教大神
我也出现了这个原因，有声音无画面，在微信上是可以看到画面的，就是窗口是小的，换了其他的视频一切都是正常的，请问这是什么原因？