uniapp 上传视频显示视频第一帧(视频缩略图)作为封面 可以自定义封面内容

 效果图

 

html

<template>
  <view>
    <view class="uploadImage">
      <view v-for="(item, index) in viList" class="aa" :key="index">
        <view class="del" @click="delHandler(index)">删除</view>
        <view v-if="item.type === 'v'" class="typeBox">视频格式</view>
        <image class="sty" :src="item.image" @click="previewImageHandler(item.type)" mode="scaleToFill" />
      </view>
    </view>
    <view @click="chooseVideoHandler('video')" class="flexC btnBox">上传视频</view>
    <view @click="chooseVideoHandler('image')" class="flexC btnBox">上传图片</view>
  </view>
</template>

 

js

<script>
export default {
  data() {