说明：
**
涉及：
vue js html5中audio 自动播放音频
目的：
手机端，兼容ios
打开https链接就播放。**
//失败 代码
<template>
<div class="main">
<audio
:src="video"
ref="audio"
id="eventAudio"
controls="controls"
autoplay="autoplay"
/>
</div>
</template>
<style lang="less" scoped>
</style>
<script>
export default {
data(){
return{
video:'',
}
},
mounted(){
document.addEventListener('click',this.audio_but(),false)
},
methods:{
audio_but(){
var that = this;
let audio;
audio = document.getElementById("eventAudio");
that.video="https://xb.api.mytext.world/uploads/xb/MP3/1.mp3"
console.log("开始播放---》audio===================="+audio);
audio.paly;
if(audio.ended){
console.log("播放完成---》audio===================="+audio);
that.video=''
that.$refs.audio.src=''
}else{
console.log("播放还没完成---》audio===================="+audio.ended);
}
},
},created(){
}
}
</script>
https://www.cnblogs.com/xiaochongchong/p/10007517.html
H5
这不是很简单的事情，网易云自带创建外链，你在用v－for循环不就完事了？
我就按照你这样想的，你仔细看一下mdn关于播放器的语法结构，你是不是少了参数，之类的，而且一般播放器也不是手动整出来的，可以动态创建的。和表格一样！
1.audio 标签没有点击的话是不能自动播放的内容
2.打开标签点击,在当前页面监听它,进行播放,如果是跳转页面是没有办法做到的
苹果目前无法自动播放，需要先触碰屏幕（苹果要求的，必须要有用户用手指或者鼠标点击过屏幕，才能使用js播放）
理论上是可以js模拟点击触发，但如果客户端被限制了 就不行了