video 安卓ios系统 浏览器 全屏播放以及自动播放的问题

ios自动播放

<body onload="load()">
        <div class="result_box">
            <div class="video">
                <video src="***.mp4" class="video"  webkit-playsinline="true" id="myvideo"></video>
            </div>
        </div>
</body>
function load(){
    document.getElementById('myvideo').play()
}

通过以上代码可以实现ios在非微信浏览器中自动播放，在微信浏览器中还需要添加代码

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
document.addEventListener("WeixinJSBridgeReady", function () { 
    document.getElementById('myvideo').play()
}, false);

这样ios手机可以在微信浏览器中自动播放了。

安卓的坑有点多，参考一下网址吧。

http://www.xyhtml5.com/3252.html#4

posted @ 2018-07-25 19:16  wanan_01  阅读(426)  评论(0)  编辑  收藏  举报