其实你的问题核心不是“移动设备不支持OGG”，而是绝大多数主流移动平台的浏览器对OGG视频容器（尤其是搭配Theora视频编码的.ogg文件）的原生支持非常差，这才导致你在移动端看不到视频。

具体原因拆解： #

• OGG本身是个容器格式，里面的视频通常用Theora编码。而iOS的Safari、安卓的Chrome这些移动端主流浏览器，都没有为Theora编码提供原生支持——毕竟H.264（MP4容器）早就成了移动设备的通用视频标准，厂商没必要额外支持Theora。
• 电脑端的Chrome、Firefox等浏览器之所以能播，是因为它们很早就把Theora的支持纳入了标准实现，但移动端的浏览器生态更偏向于适配通用的移动格式，所以砍掉了这部分支持。

给你的解决方案： #

• 优先用MP4（H.264编码）作为基础格式：这是目前唯一能覆盖所有桌面+移动设备的视频格式，你的测试结果也印证了这一点。
• 如果需要兼容更多场景，补充WebM格式而非OGG：WebM是谷歌推动的开源格式，比OGG更主流，安卓Chrome、Firefox移动端等都支持它，而且文件体积通常比MP4小。
• 用HTML5 video标签的多源写法：让浏览器自动选择它能支持的格式，示例代码如下：

  <video controls width="640">
    <source src="your-video.mp4" type="video/mp4">
    <source src="your-video.webm" type="video/webm">
    <!-- 可以保留OGG作为最后兜底，但实际意义不大 -->
    <source src="your-video.ogg" type="video/ogg">
    你的浏览器不支持HTML5视频播放，请更新浏览器后重试。
  </video>
  

总的来说，OGG视频在移动端的支持度已经可以忽略不计了，没必要再纠结它，专注于MP4+WebM的组合就能覆盖绝大多数用户啦。

内容的提问来源于stack exchange，提问作者Qwerpotify