uniapp全屏播放视频以及获取第一帧作为封面图

问题描述

uniapp全屏播放视频以及获取第一帧作为封面图

解决方案：

直接上代码
seek为取视频多少帧，可以自定义number

<template>
  <video
          id="videoId"
          object-fit="cover"
          class="video-box"
          :src="videoUrl"
          @fullscreenchange="fullscreenchange"
          :poster="`${videoUrl}?x-oss-process=video/snapshot,t_${seek},f_jpg`"
          @play="playVideo"
        ></video>
  </template>
methods: {
    playVideo(e) {
      this.videoContext = uni.createVideoContext("videoId", this);
      this.videoContext.requestFullScreen(0);
    },
}