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 指令、控制缓冲区大小，是生效关键：
- 配置示例：
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 干扰
