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

最新推荐文章于 2020-05-12 10:45:29 发布

weixin_34348174

最新推荐文章于 2020-05-12 10:45:29 发布

阅读量417

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/wanan-01/p/9367816.html

版权

ios自动播放

<body οnlοad="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

转载于:https://www.cnblogs.com/wanan-01/p/9367816.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34348174

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
video 安卓ios系统浏览器全屏播放以及自动播放的问题

ios自动播放<body onload="load()"> <div class="result_box"> <div class="video"> <video src="***.mp4" class="video" webkit-playsinline="true"...
复制链接

扫一扫