js 显示视频封面

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

复制代码
 <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组件,兼容更好

posted @   波仔、  阅读(181)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示