解决谷歌浏览器audio默认音乐无法播放问题

<template>
  <div id="app">
      <div style="margin-top:200px;width:100%;border:1px solid red;">
         <audio controls="hidden" ref="audio">
            <source  type="audio/ogg">
            <source :src="musicUrl" type="audio/mpeg">
         </audio>
         <el-button @click="pausedss">播放</el-button>
      </div>

  
  </div>
</template>
<script>
export default {
  data() {
    return {
      is_play:true,
    };
  },
  methods: {
    pausedss(){
       this.is_play = !this.is_play
       let audio  = this.$refs.audio
       audio.src= require('../assets/audio/1.mp3')
       if (this.is_play) {
          this.$refs['audio'].pause();
        } else {
          this.$refs['audio'].play();
        }
    }
  },
};
</script>

<style scoped>
</style>