Javascript html5视频不支持所有浏览器

HTML5视频可以在chrome、Mozilla和android设备上运行，但不能在safari和IE上运行

一种在所有设备和平台上播放的视频格式？ 请提供相关代码或链接

<video preload="yes" autoplay loop width="100%" height="auto" poster="http://cdn.foo.com/bar.png">
      <source src="//cdn.foo.com/bar-video.mp4" type="video/mp4">
      <source src="//cdn.foo.com/bar-video.webm" type="video/webm">
</video>

---

你的IE和Safari版本是什么

请尝试在视频标签中添加消息，并查看是否看到：

 <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> 

您的浏览器不支持视频标记。
考虑到所有浏览器可能是一种过激行为，因为你还会考虑那些不符合标准的浏览器和浏览器。

如果您想确保客户端的浏览器可以播放您的视频，您可以做以下几件事：


实施现代化
对较旧的浏览器使用“回退”，如
或
标记

如果上述方法不适用于您，请尝试重新编码您的视频文件，因为它可能使用不太流行的容器进行编码；至少确保视频编码格式与文件扩展名匹配。同时确保视频的图片和音频分辨率不要太高。
不幸的是，目前没有一种格式可以在所有浏览器上播放

如果您想了解当前情况，则此链接页面中的表通常是最新的（包括链接，而不是复制表，因为信息变化太大）：




一般来说，MP4是最受支持的容器格式，但即使在这里，您也可以使用多个配置文件等多个编解码器

有一个资源可以生成示例HTML5代码，以支持尽可能多的浏览器（通常称为“每个人的视频”）。我不确定它的更新频率：




下面是一个仅用于HTML5播放的示例（没有flash回退，但如果需要，可以添加）：



下载视频：|124;


您将看到，为了获得最大的支持，尤其是对于较旧的浏览器，您实际上需要多种不同格式的视频

然而，对于大多数人来说，使用MP4作为容器，使用H.264作为编解码器，大多数用户都会使用。
尝试添加.ogg并保持视频大小更优化。我在html中添加了这一点。oggsafari 5.1.7和IE 8.0不要混淆W3C（创建web标准）和W3C学校（发布低质量教程）。在这种情况下，他们错了。Firefox本身不支持mp4（或者更确切地说，h.264是mp4常用的编解码器），它可以使用第三方mp4解码器……但只有在有第三方mp4解码器的情况下才可以使用。@lakshmiprasanna IE 8.0中没有HTML5视频标签（在标签发明之前，它太旧了，所以不理解它）。当我测试时，IE11.0增加了支持。要在IE 8.0中播放mp4文件，请使用编码为通过Flash player浏览器插件运行的视频播放器。这将是一个嵌入到你的网页中的SWF文件。亲爱的纸上谈兵的将军-你为什么不在投票否决之前做你的研究呢？需要对这些无知的MOFO做些什么；比如，如果你投了反对票，那么评论应该是强制性的。