码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-07-25 20:03:34      阅读:512      评论:0      收藏:0      [点我收藏+]

标签:dde   www.   安卓   自动播放   script   rip   open   listener   代码   

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系统 浏览器 全屏播放以及自动播放的问题

标签:dde   www.   安卓   自动播放   script   rip   open   listener   代码   

原文地址:https://www.cnblogs.com/wanan-01/p/9367816.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!