html5 src直播地址,vue 中使用html5 video标签动态获取src报错

在使用vue并配合elementUI开发中，将video放到一个弹窗插件中，页面的渲染正常，能够获得src，但是控制台报：

GET http://xxxx.xxx.xxxx.com/vide... 403 (Forbidden)

碰撞上传

上传记录

{{phone}}

{{num}}

{{ scope.row.createdDateStr }}

{{ scope.row.size }}

{{activeBtn}}

返回

您的浏览器不支持 video 标签。

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 video 标签。

import { dangerMediaUploadLog } from "../api/api";

export default {

data() {

return {

imei: this.$route.query.imei,

num: this.$route.query.num,

phone: this.$route.query.phone,

tableData: [],

labelPosition: "right",

tableloading: false,

videoVisible: false,

url:'',

activeBtn: "",

};

},

mounted() {

this.getTopicDetails();

},

methods: {

/****************************/

// 返回上一级

/****************************/

historyBack() {

this.$router.go(-1);

},

/****************************/

// 获取页面信息

/****************************/

getTopicDetails() {

if (!this.imei) {

return false;

}

this.tableloading = true;

let param = { imei: this.imei };

dangerMediaUploadLog(param).then(res => {

this.tableloading = false;

let { msg, code, data } = res;

if (code !== 0) {

this.$message({ message: msg, type: "error" });

} else {

this.tableData = data.list;

for (let i = 0; i <= data.list.length; i++) {

let url = data.list[i].url;

let d = /\.[^\.]+$/.exec(url);

if (d[0] == ".ts") {

this.activeBtn = "下载";

} else {

this.activeBtn = "播放";

}

}

}

});

},

/****************************/

// 播放

/****************************/

handleDetail(row) {

let d = /\.[^\.]+$/.exec(row.url);

if (d[0] == ".ts") {

window.location.href = row.url;

} else {

this.videoVisible = true;

let _this = this;

setTimeout(function() {

_this.url = row.url;

},1000)

}

}

}

};