Vue里用can-autoplay插件，若浏览器不支持自动播放，如何提示用户点击播放音频？

本文共计656个文字，预计阅读时间需要3分钟。

场景：在360极速浏览器中，音视频可自动播放，但在Chrome浏览器中，如果没有事件触发，则不会自动播放。原因无法实现自动语音播报。Chrome浏览器自2018年以来。

场景

在上面可以实现在360极速浏览器中自动播放音频正常，但是在Chrome浏览器中，如果

没有任何事件触发的情况下不会自动播放。

为什么不能实现自动语音播报。

chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。

严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。

不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，

使用js直接调用.play() 方法的话，chrome都会抛出如下错误：Uncaught (in promise) DOMException；

can-autoplay插件：

​​can-autoplay - npm​​

可以检测浏览器是否支持自动播放音频和视频。

注：

关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。