安卓中 HTML5开发 video标签 设置视频自动播放-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

安卓中 HTML5开发 video标签 设置视频自动播放

HTML5开发 video标签 设置视频自动播放(安卓中)
去掉安卓默认controls样式;

展开
收起
杨冬芳 2016-06-08 18:00:19 2480 0
1 条回答
写回答
取消 提交回答
  • IT从业

    安卓的autoplay是不行的,必须要有触发事件才能播放,但是现在有一种方法是可以自动播放的,先解释一下原理,就是在页面加载好之后先让视频play,然后再写个监听事件监听 视频的currentTime,如果大于0了,就马上让视频pause,然后在你需要自动播放的地方play就行;
    代码如下

    ` var ua = navigator.userAgent;
    document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
        if (ua.indexOf("iPhone") > 0) {
            setTimeout(function(){
                $("#bgMusic")[0].play();
            },3000);
        }
        else if (ua.indexOf("Android") > 0) {
            var vi =  $("#bgMusic");
            vi[0].play();
            if ( vi[0].currentTime){
                vi[0].pause();
                //这里的定时器你可以不需要,也可以变成你需要的事件,而且也不一定在这个位置,主要是里面的play
                setTimeout(function(){
                    vi[0].play();
                },3000)
            }
        }
    });`
    
    2019-07-17 19:32:29
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
天猫HTML5互动技术实践
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多
相关镜像