uniapp video获取封面

UniApp 的 Video 组件提供了一种方便的方式来处理视频文件，并可以获取其封面图片。你可以通过以下步骤来获取 Video 元数据中的封面：

1. 首先，在 Vue 文件中引入 `uni.video` 组件：

<template>
  <view>
    <!-- ... -->
    <uni-video src="your_video_url" :autoPlay="false"></uni-video>
    <!-- ... -->
  </view>
</template>

<script setup>
import { ref } from 'vue';
import { uniVideo } from '@dcloudio/uni-app';

const video = ref(null);
uniVideo.create(video.value, {
  onReady: async () => {
    // 视频准备就绪时，尝试获取封面
    try {
      const coverSource = await video.value.getCover();
      if (coverSource) {
        // 使用coverSource作为需要展示的图片源
        // ...
      }
    } catch (error) {
      console.error('Failed to get cover:', error);
    }
  },
});
</script>

2. 当视频准备就绪 (`onReady`) 事件触发时，调用 `getCover()` 方法来获取封面，它会返回一个 Promise，里面包含一个字符串，表示图片的 URL。

注意：
- `uniVideo.create` 方法用于创建视频播放器实例。
- 如果在特定网络环境下获取封面失败，可能会抛出错误，你需要处理这种情况。