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