html5视频标签-firefox和chrome中不同的视频质量

我有以下代码：

  <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时，“DOM方法和属性”部分下的视频也显得粗糙。当我说颗粒状时，我的意思是，我看到黄色、绿色、蓝色和红色的线条/虚线在视频中飞溅

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

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

---

谢谢。

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

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

以下是一个方便的图表，用于支持浏览器视频格式：

别忘了flash也会后退，以防不支持html5视频标签的恐龙浏览器的用户也需要观看视频

下面是一个方便的视频标签支持图表：

---

让我们知道你进展如何。

当你回答我最初的问题时，我更新了我的帖子！我设法弄明白，我必须为不同的浏览器包含多种类型的视频…很好。回答您的问题：是的，浏览器将忽略它不支持的格式，并播放它支持的格式。