html播放音乐代码html⾳乐⾃动播放代码在⾕歌中不⾏,关于⾕歌浏览器不⽀持
html5中audio的auto。。。
当我们直接写autoplay时,在chrome中浏览器并没有⾃动播放⾳频;
如果直接通过js来调⽤audio的play()⽅法也不⾏;
控制台还会报错
⼤概意思:play()调⽤失败,因为⽤户没有与⽂档进⾏交互
⾕歌为优化⽤户体验关闭了audio中的autoplay⽅法(屏蔽⼴告和节省⽤户流量);
那么如何实现autoplay呢,既然报错说⽤户没有与⽂档交互,我们就设置⼀个事件使⽤户与⽂档交互就⾏了;如下给整个页⾯添加⼀个点击事件
此时,当⽤户点击页⾯后就会触发play();chrome也不会报错,并且开始播放⾳乐
亲测把onclick事件换成onmousemove后(想优化⽤户体验),但还是需要点击页⾯才能触发play(),相当于把audio的点击播放绑定在整个window上⾯;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论