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

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

阅读 24.4k
8 个回答

安卓的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)
        }
    }
});`

不行,autoplay不作用

新手上路,请多包涵

我的安卓写了click事件也不会播放

新手上路,请多包涵

$.ajax({

    url : url,
    type : 'get',
    async: false,//使用同步的方式,true为异步方式
    data : {},//这里使用json对象
    success : function(data){
        document.getElementById("videoPlayer").src= data.video_src;
        document.getElementById("videoPlayer").load();
        document.getElementById("videoPlayer").play();
    },
    fail:function(){    
    }
});

测试使用ajax同步有效,设置视频地址一定不要用异步

autoplay

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题