js 显示视频封面

发布时间 2023-07-27 15:14:03作者: 波仔、

显示视频封面,但是设备录的视频第一贞画面都是黑的,设置显示固定时间的内容封面;

 <video :class="`showupimg video_${sitem.psqid}`">
           <source
            :src="$api.showImageUrl + sitem.useranswer[0]"
            />
</video>

//初始化执行
 getVideoinfo(v) {
      let that = this;
      this.$forceUpdate();
      this.$nextTick(() => {
        let ref = `.video_${v.psqid}`;
        let video = document.querySelector(ref);
        if (video) {
          video.addEventListener("loadedmetadata", function () {
            //v.duration = that.gettime(video.duration); //获取时长
            video.currentTime = 2; // 第2帧位置
          });
        }
      });
    },

明显这只是封面图片,是不能播放的,播放视频我用了阿里的VueAliplayerV2组件,兼容更好