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

开发者社区> 问答> 正文

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

2016-06-08 18:00:19 1816 1

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

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:32:29

    安卓的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)
            }
        }
    });`
    
    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57012浏览量 回答数 19

323

回答

云伴侣数据导入问题汇总(Android系统)

os_admin 2011-07-26 17:52:15 63136浏览量 回答数 323

1

回答

支付宝H5 下载的时候,提示 【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】

游客ptexzird3doe2 2019-10-14 15:29:54 69533浏览量 回答数 1

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 93872浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147285浏览量 回答数 22

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47122浏览量 回答数 19

58

回答

技术入门问答集锦,涉及多种技术方向,解决新人学习困惑

管理贝贝 2016-08-03 10:13:27 52770浏览量 回答数 58

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80497浏览量 回答数 13

8

回答

mail.aliyun.com邮箱android手机客户端设置方法

jack_yang 2013-04-24 09:01:34 122602浏览量 回答数 8

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47452浏览量 回答数 46
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载