app 不识别document.getElementById

对不起，我之前的回答是基于浏览器环境的，并不适用于使用uni-app开发的移动应用程序。在uni-app中，我们可以通过uni.createSelectorQuery()来获取视频组件的实例，并使用该实例来获取视频元素和绘制封面。

以下是修改后的代码示例：

1. 在页面中引入视频组件 `<video>`

<video :src="your_video_path" id="video" @loadedmetadata="onLoadedMetadata"></video>

2. 在页面的 methods 中定义一个方法，用于获取视频元数据并截取第一帧

methods: {
  onLoadedMetadata() {
    uni.createSelectorQuery().select('#video').node((res) => {
      const video = res.node;
      const canvas = uni.createCanvasContext('canvas');

      canvas.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
      canvas.draw(false, () => {
        uni.canvasToTempFilePath({
          canvasId: 'canvas',
          success: (res) => {
            console.log(res.tempFilePath); // 第一帧图片的临时文件路径

            // 可以将 tempFilePath 存储或展示为封面
          },
          fail: (err) => {
            console.log(err);
          }
        });
      });
    }).exec();
  }
}

3. 当视频的元数据加载完成时，调用 `onLoadedMetadata` 方法。在方法中，通过 `uni.createSelectorQuery().select('#video')` 获取视频组件的实例，然后使用 `uni.createCanvasContext('canvas')` 创建一个画布上下文，绘制视频的第一帧。最后，使用 `uni.canvasToTempFilePath()` 将画布内容转换为临时文件路径，用于存储或展示作为封面。

请注意将 `your_video_path` 替换为你的视频路径，并根据需求自行调整代码。

希望这次的回答对你有所帮助！如果还有其他问题，请随时提问。