uniapp video @error首次进也触发

在UniApp中，当你在一个组件上使用`video`元素，并使用`@error`事件来监听视频加载失败的情况，初次进入页面时，由于视频资源尚未加载，`error`事件可能会被触发。这是因为在浏览器开始解析HTML文档时，就会尝试预加载所有指定的资源，包括视频。

为了防止首次加载就触发错误事件，你可以采取以下策略：

1. 初始时设置一个默认状态，比如显示一个占位符或者等待标志，然后在视频成功加载后再切换到实际的视频内容。

<template>
  <view v-if="isVideoLoading">
    <!-- 默认占位符或等待信息 -->
  </view>
  <video :src="videoUrl" @error="handleError" />
</template>

<script>
export default {
  data() {
    return {
      isVideoLoading: true,
      videoUrl: '', // 视频URL
    };
  },
  methods: {
    handleError(e) {
      // 处理错误逻辑
      this.isVideoLoading = false; // 或者这里改为错误处理完成后恢复为false
    },
    onLoadSuccess() {
      // 视频加载成功后设置isVideoLoading为false
      this.isVideoLoading = false;
    },
  },
};
</script>

2. 使用`lazy-load`特性，仅在用户滚动到视频区域时才开始加载，这可以避免首次加载的错误触发。

<video :src="videoUrl" lazy></video>

在这两种情况下，`@error`事件通常会在视频成功获取或网络恢复正常后才会再次触发。如果在初次加载时确实遇到错误，可以根据实际情况调整错误处理逻辑。