2

我有以下代码：

  <div class="span4">

  <video poster="assets/img/poster.jpg" controls="controls" width="420" height="420">
    <source src="assets/videos/152638831.webm" type="video/webm"  />
    <source src="assets/videos/152638831.mp4" type="video/mp4"  />
  </video>

</div>

该视频适用于 Firefox 和 chrome，但在 Chrome 中，它非常粗糙。我认为这不是我的视频的问题，因为当我使用 Chrome 导航到http://www.w3schools.com/html/html5_video.asp时，名为“DOM 方法和属性”的部分下的视频也会出现颗粒感。当我说颗粒状时，我的意思是，我看到黄色、绿色、蓝色和红色的线条/破折号散布在视频中。

你能告诉我我做错了什么吗？

另外，拥有多个源标签的想法是否取决于浏览器，它会选择播放哪个文件？就我而言，我知道 Firefox 不支持 mp4 ......我对其进行了测试。但上面的代码在Firefox中工作。所以我假设它正在播放文件的 webm 版本。这个对吗？

谢谢。

4

1 回答 1

1

首先，Chrome 应该能够读取 mp4，所以也许你没有使用 h264 压缩。你应该检查一下。

其次，您必须包含压缩的 ogv 和 webm 版本的视频。目前每种浏览器都支持不同的视频格式，因此我们必须将它们全部包含在内，以免遗漏任何一个。

这是浏览器视频格式支持的方便图表： http ://www.longtailvideo.com/html5/#media_formats

也不要忘记 Flash 后备，以防万一使用不支持 html5 视频标签的恐龙浏览器的人也需要查看视频。

这是一个方便的视频标签支持图表： http ://caniuse.com/video

让我们知道您的身体情况如何。

于 2013-05-15T01:45:40.970 回答