video标签[渲染层网络层错误] Failed to load xmlhttprequest咋办?
有意思的是如果是在onLoad生命周期中调用获取视频流的方法 video可以播放 如果是加上日期选择框的change事件中去调用方法 获取到的流是无法播放的 显示的是 [图片] 如果把这个流的地址直接写死在video的src上是可以播放的 问题就在 如果是通过事件触发获取的流地址就会报这个错 <video ref="video" controls v-if="videoUrl"
:src="`${serverip[serverip.length-1]==0?'http://cdzt.tpddns.cn:8184':serverip}${videoUrl}`" autoplay></video>
async timeConfirm(e) {
const {
value,
timestamp
} = e
if (this.timeType === 'start') {
this.timeObj.startTime = value
this.timestampObj.startTime = timestamp
if (!this.timestampObj.endTime) {
this.timeObj.endTime = this.formatDate(timestamp + 3600000) //开始时间后一小时
this.timestampObj.endTime = timestamp + 3600000
}
} else {
this.timeObj.endTime = value
this.timestampObj.endTime = timestamp
}
if (this.timestampObj.startTime > this.timestampObj.endTime) {
uni.showToast({
title: '开始时间不能晚于结束时间',
icon: 'none',
duration: 3000
})
} else {
const {data}=await getPlaybackVideo({cameraIndexCode:this.cameraIndexCode,...this.timestampObj},'m3u8')
this.videoUrl = data //这里给video标签赋值就会报上图的错
}
},
