一种单个播放器:
<vue-aliplayer-v2 :source="cameraPreviewUrl"
ref="VueAliplayerV2yl"
@ready="handleReadyO($event,'VueAliplayerV2yl')"
:options="options" />
// methods里
// 播放前
handleReadyO(val, refName) {
console.log('播放前', val, refName)
this.$refs[refName].setVolume(0) //设置音量为0~1的实数,iOS和部分Android会失效
},
多个循环播放器
<div class="video_son"
v-for="(item, index) in videoList"
:key="index">
<div style="color: #ffffff; position: absolute; right: 0px; top: 0px; z-index: 1000;">{{ item.name }}</div>
<vue-aliplayer-v2 v-if="item.url" :source="item.url"
:options="item.options"
@ready="handleReady($event,'VueAliplayerV2'+index)"
:ref="'VueAliplayerV2'+index"/>
</div>
// 播放前
handleReady(val, refName) {
console.log('播放前', val, refName)
console.log('播放前ref', this.$refs[refName][0])
this.$refs[refName][0].setVolume(0)
},