chorme vue中使用audio自动播放问题

我这里是将audio文件放在static文件夹中，vue页面中直接引用；

<audio class="audio" src="./static/audio/alarm.mp3" autoplay="autoplay"></audio>

刚开始这么写的，发现并不能自动播放，百度了很多办法都不管用，无意间发现写成下边这样就可以了，具体还没想通：

<audio class="audio" src="./static/audio/alarm.mp3" controls autoplay="autoplay":hidden="true"></audio>

加上controls和autoplay便可以自动播放，再用hidden将其隐藏。

chorme vue中使用audio自动播放问题相关推荐

audio自动播放遇到的问题
audio自动播放遇到的问题 ios限制了自动播放视频.自动播放音频,必须有用户行为才可以播放像背景音乐可以这样添加事件监听,在页面初始化后就可以自动播放 <script src=" ...
html插入视频时不自动播放,html5中嵌入视频自动播放的问题解决
在h5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 各种查资料,找到一个方法, ...
vue 中哪些操作自动触发更新视图
vue 中哪些操作自动触发更新视图 vue数组对象修改触发视图更新直接修改数组元素是无法触发视图更新的,如 this.array[0] = {name: 'meng',age: 22 } 修改arr ...
解决iOS h5 audio自动播放（亲测有效）
微信H5页面,实现audio自动播放: function initMusic() {//动态创建一个audio节点var audio = document.createElement('audio') ...
html视频如何不自动播放,html5中嵌入视频自动播放的问题解决
在H5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 各种查资料,找到一个方法, ...
解决新版Chrome拦截自动播放（Google浏览器不支持audio自动播放问题）
Google浏览器不支持audio自动播放声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在20 ...
微信浏览器中实现音乐自动播放
近日微信浏览器中h5页面实现音乐自动播放,试了好多方法,最后还是下面方法比较好用引入微信sdk <script src="http: //res.wx.qq.com/open/js/ ...
关于h5中背景音乐的自动播放
音乐的自动播放属性,这里也介绍一下: <audio controls="controls" autoplay="autoplay"><sour ...
解决audio自动播放无效问题
目录问题描述解决办法1 解决办法2 解决办法3 解决办法4 解决办法5 问题描述在360或者qq浏览器,audio的自动播放属性目前为止是有效的,网页的body里面插入下面代码后,打开页面就会自 ...

chorme vue中使用audio自动播放问题

chorme vue中使用audio自动播放问题相关推荐

最新文章

热门文章