HTML5开发 video标签 设置视频自动播放(安卓中)
去掉安卓默认controls样式;
安卓的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)
}
}
});`
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。