audio元素和video元素在ios和andriod中无法自动播放怎么办?

2020-04-14 09:18发布

2条回答
草莓小甜甜
2楼 · 2020-04-14 09:22
    原因: 因为各大浏览器都为了节省流量,做出了优化,在用户没有行为动作时(交互)不予许自动播放;

    /音频,写法一
    你的浏览器还不支持哦    
    //音频,写法二
     
        
                优先播放音乐bg.ogg,不支持在播放bg.mp3
        
    //JS绑定自动播放(操作window时,播放音乐)
    $(window).one('touchstart', function(){
        music.play();
    })    
    //微信下兼容处理
    document.addEventListener("WeixinJSBridgeReady", function () {
        music.play();
    }, false);    
    //小结    //1.audio元素的autoplay属性在IOS及Android上无法使用,在PC端正常;    //2.audio元素没有设置controls时,在IOS及Android会占据空间大小,而在PC端Chrome是不会占据任何空间;    //3.注意不要遗漏微信的兼容处理需要引用微信JS;


下载一个播放器

相关问题推荐

  • 回答 12
    已采纳

    Flutter是Google一个新的用于构建跨平台的手机App的SDK(Software Development Kit,软件开发工具包)。也就是说,写一份代码,在Android 和iOS平台上都可以运行。Flutter目前实际应用的多吗?其实flutter已经有很多应用上线了,国外可能比国内更多一点。国内我...

没有解决我的问题,去提问

等你来答

    热门问答