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

posted @ 2017-03-09 19:14  JasmineGe  阅读(229)  评论(0编辑  收藏  举报