码迷,mamicode.com
首页 > hg网娱乐官网|免费注册 > 详细

解决手机hg网娱乐官网|免费注册浏览器视频自动播放和默认全屏问题

时间:2019-03-15 16:04:05 ???? 阅读:924 ???? 评论:0 ???? 收藏:0 ???? [点我收藏+]

标签:pre???VID???layer???control???inline???手机???问题???ide???start???

1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了、手机硬件越来越好了,部分可支持了
2.在移动端浏览器, video 在用户点击播放或者通过API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验

playsinline="true" webkit-playsinline="true 解决ios自动播放全屏问题

x5-video-player-type="h5" x5-video-player-fullscreen="true" 解决安卓同层级播放

3.ioshg网娱乐官网|免费注册下通过 WeixinJSBridgeReady 事件进行自动播放

document.addEventListener(
    ‘WeixinJSBridgeReady‘,
    function() {
        var video = document.getElementById("ckplayer_a1");
        video.play();
    },
    false
);

安卓可以尝试监听touchstart事件,用户触摸屏幕后自动播放

document.addEventListener(‘touchstart‘, function(){ 
    var video = document.getElementById("ckplayer_a1");
        video.play();
}, false);

解决手机hg网娱乐官网|免费注册浏览器视频自动播放和默认全屏问题

标签:pre???VID???layer???control???inline???手机???问题???ide???start???

原文地址:https://blog.51cto.com/14210437/2363609

(0)
(0)
? ?
举报
评论 一句话评论(0
登录后才能评论!
? 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!