解决vue-aplayer音乐插件Failed to load because no supported source was found.问题

本文解决了使用vue-aplayer插件时出现的歌曲播放失败问题。原因是设置autoplay为false时,与谷歌浏览器不支持默认播放的功能冲突,导致无法获取歌曲URL。通过将autoplay属性设置为true解决了该问题。

使用vue-aplayer音乐播放器插件遇到的问题,如下图:

点击列表音乐

 报错,请求失败

 本地都已经存储了,当请求歌曲url地址时还是报错

 我理解的问题原因:vue-aplayer插件自身存在不兼容的问题,当我设置播放器autoplay属性为false时,由于谷歌浏览器不支持默认播放功能,插件自身也禁用自动播放,导致冲突则请求不到歌曲url地址数据,导致歌曲播放失败,报Failed to load because no supported source was found.错误。其他浏览器是兼容的,即使设置也可以正常播放。

解决方式:

将 autoplay属性改为“true”即可,恢复。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值