做网站时，经常会遇到用户上传各种格式的视频，比如手机拍的MOV、相机录的AVI，甚至有些是老设备导出的WMV。这些视频直接放到网页上播放，浏览器兼容性差，加载慢，卡顿严重。这时候把视频统一转成H.264编码就特别实用，尤其是搭配MP4容器，几乎能在所有现代浏览器里流畅播放。
为什么选H.264？
H.264是目前最普及的视频编码标准。无论是Chrome、Safari还是Edge，原生支持度高，压缩率也不错。同样画质下，文件比早期编码小很多，节省服务器带宽和存储空间。比如你做个作品展示站，客户传了个1080p的MOV文件，直接放上去可能几十兆，转成H.264的MP4后，七八兆搞定，加载速度快了一大截。
用FFmpeg批量转换最靠谱
FFmpeg是处理视频的利器，免费、开源、命令行操作，适合集成到网站后台脚本里。安装完FFmpeg后，一条命令就能完成转换：
ffmpeg -i input.mov -c:v libx264 -preset medium -crf 23 -c:a aac -b:a 128k output.mp4这条命令的意思是：读取input.mov，视频用libx264编码，质量控制用CRF模式（23是默认视觉质量），音频转成AAC，码率128k，输出为标准MP4。如果你希望更小文件，可以把-crf调高到28，但画质会轻微下降；想更清晰就降到18左右。
调整分辨率适配网页显示
很多用户上传的是4K视频，但网页展示区域其实只需要720p就够了。可以在转码时顺手缩放，减少体积：
ffmpeg -i input.mp4 -vf \"scale=1280:720\" -c:v libx264 -crf 23 -c:a aac output_720p.mp4这样输出的视频更适合网页播放，尤其对手机用户更友好，加载不卡，流量消耗也少。
自动化处理思路
如果你的网站允许用户上传视频，可以在后端加个处理流程：用户上传后，服务器自动用FFmpeg转码成H.264+MP4格式，再保存到CDN。Node.js可以用child_process调用FFmpeg命令，PHP可以用exec()，Python推荐用subprocess模块。转完还可以生成缩略图：
ffmpeg -i input.mp4 -ss 00:00:05 -vframes 1 thumbnail.jpg这样每个视频都有封面图，页面展示更直观。
注意音频同步问题
有时候转码后发现音画不同步，大概率是源视频本身时间戳有问题。可以加-re参数重新打时间戳：
ffmpeg -re -i input.avi -c:v libx264 -c:a aac -strict experimental output.mp4或者用-copyts保留原始时间戳。实际调试时多试几次参数组合，找到最稳的配置。
给前端留个退路
虽然H.264兼容性好，但某些老旧Android机可能解码吃力。可以在HTML5 video标签里准备两个源：
<video controls>
<source src="video_h264.mp4" type="video/mp4">
<source src="video_webm.webm" type="video/webm">
您的浏览器不支持视频播放。
</video>优先尝试H.264，不行就降级到WebM，确保大多数人都能看。