H5之视频
常见坑
1)自动全屏播放
IOS解决:在<video>
标签下添加属性webkit-playsinline="true"
和playsinline
Android解决:部分可通过这两个解决,但有些还是不行
2)不自动播放
IOS解决:需手动播放,可JS中添加如下
//是否自动播放视频 var media = document.getElementById("mainvideo"); media.src = "media/0307.mp4"; //一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以 media.play(); //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 document.addEventListener("WeixinJSBridgeReady", function () { media.play(); }, false);
Android解决:在<video>
标签下添加属性 autoplay