在uniapp中nvue页面<video id="myVideo1" :src="url" @loadedmetadata="getFirstFrame"></video> uni.createSelectorQuery().select('#myVideo1').fields({ node: true, size: true }).exec((res) => {const canvas = uni.createCanvasContext('canvas', this); const video = res[0];video.addEventListener('loadeddata', () => {报Uncaught TypeError: video.addEventListener is not a function

根据你提供的代码，我看到你在使用uni-app中的nvue页面来加载视频，并且在视频加载完成后获取视频的第一帧。然而，你在使用`video`元素时，尝试为其添加事件监听器，但是出现了`video.addEventListener is not a function`的报错。

这个问题可能是由于`video`元素没有被正确地加载或者没有被正确地获取所导致的。你可以尝试在`uni.createSelectorQuery().select('#myVideo1')`方法中添加一个`.in(this)`，来确保在回调函数中`this`指向当前组件。例如：

uni.createSelectorQuery().select('#myVideo1').in(this).fields({ node: true, size: true }).exec((res) => {
  const canvas = uni.createCanvasContext('canvas', this);
  const video = res[0].node;
  video.addEventListener('loadeddata', () => {
    // 在视频加载完成后执行的代码
  });
});

这样，你就可以使用`video`元素的方法和属性了，包括添加事件监听器。希望能帮到你！

相关问题

<video id="myVideo" :src="urls" controls @loadedmetadata="getFirstFrame"></video>onReady() {videoCTX = uni.createVideoContext('myVideo', this)},报Can not find `myVideo

这个错误通常是因为视频标签中的 ID 属性与你调用 uni.createVideoContext() 方法时传入的 ID 不一致。请确保这两个 ID 相同，并且与 HTML 中的 ID 属性相匹配。你可以尝试检查 HTML 中的视频标签和 JS 中的 createVideoContext() 方法是否都使用了相同的 ID，如果不是，将它们改为相同的 ID 即可。如果还有问题，可以提供更多的代码或上下文信息，我会尽力帮助你解决问题。

<video id="myVideo" :src="urls" controls @loadedmetadata="getFirstFrame"></video>mounted() {videoCTX = uni.createVideoContext('myVideo', this)},报Can not find `myVideo

这个错误通常是因为在 `mounted()` 方法中调用 `uni.createVideoContext()` 函数时，视频元素还没有被渲染到 DOM 中。你可以将 `uni.createVideoContext()` 函数的调用放到 `onReady()` 回调函数中，如下所示：

<video id="myVideo" :src="urls" controls @loadedmetadata="getFirstFrame"></video>

export default {
  onReady() {
    this.videoCTX = uni.createVideoContext('myVideo', this)
  },
  methods: {
    getFirstFrame() {
      this.videoCTX.seek(0)
      this.videoCTX.pause()
    }
  }
}

这样就能确保视频元素已经被渲染到 DOM 中了。