萤石云监控

MWbeizhi

已于 2022-03-23 09:36:25 修改

阅读量665

点赞数

文章标签：前端

于 2022-03-23 09:32:32 首次发布

本文链接：https://blog.csdn.net/MWbeizhi/article/details/123677505

版权

dom部分

首先给一个框架标签，动态绑定src

<iframe
        id="ysOpenDevice" // 容器id
        :src="videoSrc" //后端返回src
        width="100%" // 宽
        height="400" // 高
        allowfullscreen //填充满
      />

用户点击查看视频或者是默认显示的情况，直接调用后端接口根据获取到的数据把src路径赋值给定义的动态路径。

//cameraPlay 接口函数
 cameraPlay(val.deviceSerial).then((res) => {
        // res 路径  具体数据可以打印有的接口返回的可能是对象包含路径。
         console.log('路径',res);
        //this.videoSrc  前面定义的动态路径
        this.videoSrc = res
        
      })