uniapp 视频无法拖动播放进度如何解决？

在 UniApp 中，视频播放进度无法拖动的问题通常与视频格式、组件配置或兼容性有关。以下是常见原因及解决方案：

1. 检查视频格式

• 确保视频为 H.264 编码的 MP4 格式（支持流式播放，允许拖动）。
• 使用工具（如 FFmpeg）转换格式：

  ffmpeg -i input.mp4 -c:v libx264 -movflags +faststart output.mp4
  

  其中 -movflags +faststart 优化视频头部信息，支持进度拖动。

2. 正确配置 video 组件

• 在页面中设置 enable-progress-gesture 属性为 true（默认开启，但需确认）：

  <video src="/static/video.mp4" enable-progress-gesture controls></video>
  

• 添加 controls 属性显示原生控制条（支持拖动）。

3. 处理跨平台兼容性

• H5 端：依赖浏览器支持，确保服务器返回正确的 Content-Range 头部（支持分段加载）。
• 小程序端：检查是否使用官方 video 组件，并测试基础库版本（更新至最新）。

4. 自定义拖动逻辑（进阶）

若原生控制条不满足需求，可通过 [@timeupdate](/user/timeupdate) 监听进度，结合 slider 组件实现自定义拖动：

<video ref="videoRef" :src="videoUrl" [@timeupdate](/user/timeupdate)="onTimeUpdate"></video>
<slider :value="currentTime" :max="duration" [@changing](/user/changing)="onSliderChange" />

export default {
  data() {
    return {
      currentTime: 0,
      duration: 0
    };
  },
  methods: {
    onTimeUpdate(e) {
      this.currentTime = e.detail.currentTime;
      this.duration = e.detail.duration;
    },
    onSliderChange(e) {
      this.$refs.videoRef.seek(e.detail.value);
    }
  }
};

5. 其他注意事项

• 网络视频：确认视频链接支持范围请求（HTTP 206 响应）。
• 本地视频：放置到 static 目录，避免路径错误。

通过以上步骤，通常可解决进度拖动问题。若仍无效，检查 UniApp 版本或测试不同平台以定位具体原因。