mp4网页拖拽播放需mp4 faststart格式、nginx启用ngx_http_mp4_module模块并配置mp4指令及缓冲区，三者缺一不可；否则拖动卡死、回退开头或返回200而非206。

要让 MP4 视频在网页中支持随机拖拽播放（即进度条任意跳转、边下边播、断点续传），核心不是单纯加个模块，而是MP4 文件格式 + Nginx 模块启用 + 精准配置三者缺一不可。漏掉任一环节，拖动就会卡死、回退到开头，或直接返回 200 而非 206。

确认 Nginx 已编译并启用 mp4 模块

该模块名为 ngx_http_mp4_module，并非默认开启，需验证是否存在：

• 运行命令：nginx -V 2>&1 | grep -o with-http_mp4_module
• 若有输出，说明已编译；若无，需重新编译 Nginx 并添加 --with-http_mp4_module 参数
• 部分发行版（如 Ubuntu 官方包、OpenResty）已内置，可直接使用

确保 MP4 文件为 faststart 格式

浏览器拖动时会先请求文件开头的元数据（moov box），若它在文件末尾，Nginx 无法快速定位，拖拽必然失败：

• 用 FFmpeg 修复：执行 ffmpeg -i input.mp4 -c copy -movflags +faststart output.mp4
• 验证方法：运行 ffprobe output.mp4，看是否提示 moov atom not found；或用 hexdump -C output.mp4 | head -20 查看前几行是否含 moov 字符串
• 注意：转码时若加了 -c:v libx264 等重新编码参数，-c copy 不再适用，需改用完整重编码命令并保留 -movflags +faststart

Nginx location 块精准配置

仅匹配 .mp4 后缀、启用 mp4 指令、控制缓冲区大小，是生效关键：

• 配置示例：

  location ~ \.mp4$ {
    mp4;
    mp4_buffer_size 1m;
    mp4_max_buffer_size 5m;
    add_header Accept-Ranges bytes;
    expires 1h;
  }

• mp4; 是开关指令，必须存在且不能被其他 try_files 或 rewrite 规则覆盖
• mp4_buffer_size 建议设为 1M，确保能一次读完 moov 头；大 moov（如高轨数视频）需调高 mp4_max_buffer_size
• Accept-Ranges: bytes 响应头由模块自动添加，但显式声明更稳妥，便于调试

验证拖拽是否真正生效

别只靠肉眼拖动，用工具抓取真实请求行为：

• 用 curl 测试 Range 请求：curl -I -H "Range: bytes=0-1023" http://your.site/video.mp4，应返回 206 Partial Content 和 Content-Range 头
• Chrome DevTools → Network 标签 → 播放后拖动进度条 → 查看新请求是否带 Range: bytes=xxx-，状态码是否为 206
• 若仍返回 200，优先排查：文件未 faststart、location 未命中（比如被其他正则覆盖）、mp4; 缺失、或路径中存在 alias/rewrite 干扰