并非所有浏览器都支持 html5-mp4 视频答案

【问题标题】：html5- mp4 video is not supported in all browsers并非所有浏览器都支持 html5-mp4 视频
【发布时间】：2014-05-16 14:22:02
【问题描述】：

使用html5的video标签时，并非所有浏览器都支持Mp4格式。我搜索了这个问题并得出结论，我必须将视频转换为其他格式，如 .ogg .webm 等才能在所有浏览器中运行视频或使用插件。我的问题是，如果我将一个视频转换为其他三种格式，它将在服务器上占用更多空间，并且我的网站上将拥有大量数据，将一个视频转换为其他三种格式不是荒谬的解决方案。这个问题的解决方案是什么。有没有人对此有任何想法。

【问题讨论】：

标签： html5-video

【解决方案1】：

尝试降低视频帧比特率，否则我们不能。根据我们客户的要求，我们需要视频在所有浏览器中播放，所以我们需要转换为所有格式。否则兼容性不完美。我在许多项目中使用过 HTML5 视频和音频文件。是否对兼容性如此重要。

在视频中：

我们必须包含所有视频和音频格式，例如，“.MP4,.webm,.Ogg,.Ogv”

<video width="480" height="300" controls="controls" preload="auto" poster="path-to-poster.jpg">
   <source src="path-to-mp4.mp4" type="video/mp4" />
   <source src="path-to-webm.webm" type="video/webm" />
   <source src="path-to-ogv.ogv" type="video/ogg" />
</video>

在音频中：

下同，

 <audio controls preload="none" style="width:480px;">
  <source src="path-to-m4a.m4a" type="audio/mp4" />
  <source src="path-to-oga.oga" type="audio/ogg" />
  <p>Your browser does not support HTML5 audio.</p>
</audio>

参考：

【讨论】：