首页 > 移动平台 > 详细

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

时间:2018-07-25 19:49:15      阅读:330      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!