Question

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

Answer 1

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

在视频中

我们必须包括所有视频和音频格式，例如，＆＃34; .MP4，.webm，.Ogg，.Ogv＆＃34;

<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>

参考：

Answer 2

我一直在使用Flash视频，但由于更新了Flash播放器，我被“强制”使用html5视频，并且非常同意这是一个多么荒谬的解决方案，必须渲染3个视频而不是1个如何进展 - 如果你找到了解决方案请告诉我！

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

2 个答案: