1,描述:如题,html代码如下:
<video width="100%" autoplay="autoplay" poster="images/video-bg.jpg" x5-playsinline id="myVideo"
webkit-playsinline playsinline height="auto" loop style="position: absolute;">
<source src="images/Forza14.mp4" type="video/mp4"></source>
当前浏览器不支持 video直接播放
</video>
在pc端,chrome 60 没有问题。
在微信浏览器里,不可以自动播放。
尝试设置了一个按钮:
<button onclick="document.getElementById('myVideo').play();">播放</button>
测试发现有时候可以(手动点击)播放,有时候点击了也不播放。
2,尝试过引入微信的jdk,在wx.ready中play()。
尝试过在window.onload()中play();
尝试过jq的ready。。。
都是pc有用,但是微信里的没用。
3,
技术有限,只能来寻求大佬的帮助,我也会进一步去思考和解决。感谢各位大神!
如果需要更多的代码或截图等,请评论或私信,感激不尽。
22点38分更新
清除微信的缓存之后,再进去页面发现是视频解析异常。
测试用格式工厂将原视频转码后(由AVC转成H.264),则微信浏览器可以播放。百度了一下,AVC几乎就是H.264,可是微信浏览器(应该还有QQ浏览器)就是不认AVC,不知道我这是个例还是通病。还有,似乎video支持的mime类型里面没有video/avi,但是格式工厂转的时候,只有转成avi格式才是H.264编码的。目前算是不完美解决,后续再寻找方法。