为什么我的网页中嵌入的HTML5视频总是无法正常播放？

在开发或使用网页时HTML5 视频总是无法正常播放的情况往往让人抓狂。 常见的痛点包括：上传后页面显示“无效源”或“格式不支持”。 自动播放被拦截，甚至在不同浏览器之间表现完全不同。

1️⃣ 常见原因一览

• 视频格式不受支持MP4、WebM、Ogg 需要对应的编解码器。
• src 方法错误或文件不存在404 或方法拼写错误导致加载失败。
• MIME 类型未正确设置服务器返回文本而非 video/*，浏览器拒绝加载。
• CORS策略阻拦跨域请求被浏览器拦截。
• 自动播放限制带声视频在移动端默认禁止自动播放。
• 浏览器内核差异Chrome 与 Safari 对某些编码支持程度不同。

a) 视频格式不匹配

MPEG‑4 是最通用的编码。但如果你上传的是 .mp4v,Safari 就会报错。建议同时提供 WebM 或 Ogg。