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

Posted wanan_01

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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


以上是关于video 安卓ios系统 浏览器 全屏播放以及自动播放的问题的主要内容,如果未能解决你的问题,请参考以下文章

mui使用video.js播放视频安卓手机无法全屏问题

如何让html手机页面video横着全屏自动播放

如何让WebView中的Html5 Video全屏播放

html5开发,android中的微信内置浏览器如何让video标签的视频不全屏播放

安卓版微信视频播放全屏处理--摘抄

video标签在移动端使用过程中问题小结