vue项目 ie提示：视频类型不受支持或文件路径无效；解决方案

 思路很简单，之前习惯性操作DOM节点里的属性；

你需要换个思路，

直接在容器里赋值DOM代码

html

<!-- 弹出层内容 -->
    <van-popup
      v-model="videoPopupShowStatus"
      @close="VideoclosePopup"
      style="width: 100%"
      closeable
    >
      <div v-html="videoDome"> </div>
    </van-popup>
    <!-- 弹出层内容 end -->

数据初始化

data() {
    return {
        videoDome:"",
    }
}

js

//弹出层
    VideoshowPopup(url) {
      console.log(url);
      this.videoDome='<video id="video1" src="'+url+'" controls="controls" style="width:100%"></video>'
      this.videoPopupShowStatus = true;
    },
    //弹出层-关闭
    VideoclosePopup() {
      this.videoPopupShowStatus = false;
      var myVideo = document.getElementById("video1");
      myVideo.pause(); //暂停播放
    },