有意思的是如果是在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标签赋值就会报上图的错
        }
      },