页面有多个播放音频的按钮 代码如下 如何实现播放当前音频 其它音频自动暂停？？？

Question

页面有多个播放音频的按钮 如何实现播放当前音频 其它音频自动暂停？？？

相关代码

       <ul>
       
          <li v-for='(item , index) in list' :key='index'>
              <audio :src="item.mp3"></audio>
              <span></span>
          </li>

      </ul>

Answer 1

如果是播放当前的，其他停止可能更好处理，整个页面只有一个播放的实体，按钮是控制音频播放实体加载不同的内容。

当然，你的要求其实也可以实现，你需要枚举当前页面所有的音频播放体（有编号），然后强制暂停，然后播放当前的，这就是不能用默认的音频播放控制按钮，而是要自定义相应按钮。