vue2.0使用html5中的audio标签不能播放音乐

Question

我写了一个M端播放音乐的组件，使用html5的audio标签

然后我使用watch监测currentSong

在浏览器中看到audio渲染的如下：

单独访问渲染出来的audio中url可以播放音乐，为什么调用：this.$refs.audioRef.play()方法不能播放音乐？

Answer 1

https://github.com/DDFE/DDFE-... 看看这个issues，作者已经解惑

Answer 2

ios? 如果是ios的话有限制。媒体的播放操作需要放在交互事件的回调函数里才能生效。

Answer 3

computed 问题 你这照搬的源码 只能告诉你这些了 剩下的自己动手吧

Answer 4

    watch:{
        play_mp3_url : function(newUrl){
            let _this = this;
            _this.$nextTick(() => {
                _this.$refs.player.play();
            })
        }
    } 
    用_this变量

Answer 5

https://juejin.im/post/5caaf4...

Answer 6

问题解决了吗，遇到同样的问题

Answer 7

请问解决了吗，遇到了同样的问题

Answer 8

兄弟，请问你这个问题解决了吗？我也有同样得需求.....求救。。