如何在具有跨浏览器兼容性的 HTML 页面上播放视频？答案

【问题标题】：How to play videos on HTML page with cross-browser compatibility?如何在具有跨浏览器兼容性的 HTML 页面上播放视频？
【发布时间】：2014-04-11 14:57:40
【问题描述】：

我们的应用程序一开始有很多视频要在 HTML 页面上播放。我尝试了object 和video 标签来播放这些视频，但是我发现了跨浏览器兼容性的问题，这两个标签在IE 6/7/8 上无法正常工作。绝对的，我们不能开发一个新的视频播放器来做到这一点，我想视频播放是Java EE开发的一个很常见的案例，所以我想问有没有什么好的方法可以让我们用好的交叉播放视频- 浏览器兼容性。

谢谢。

【问题讨论】：

标签： javascript html video html5-video

【解决方案1】：

试试jplayer，兼容Windows : IE6, IE7, IE8, IE9, IE10, IE11，在Opera mini和安卓浏览器上也能正常运行。

http://www.jplayer.org/

【讨论】：

【解决方案2】：

执行以下操作将允许您在大多数浏览器上播放视频：

<video controls>
   <source src="myVideo.mp4" type="video/mp4">
   <source src="myVideo.webm" type="video/webm">
   <object type="application/x-shockwave-flash" data="player.swf?videoUrl=myVideo.mp4">
      <param name="movie" value="player.swf?videoUrl=mVideo.mp4">
   </object>
</video>

在这种情况下，player.swf 是一个 Flash 播放器，例如与流行的视频播放器（如 MediaElementJs）（当然您可以简单地使用它）播放 MP4 文件的播放器一样。或者，如果您有一个 Flash flv 文件，您可以在此处播放它而无需 player.swf。

您还应该包含html5shiv 文件，以便这些旧浏览器不会忽略video 元素。

但是您可能已经尝试了所有这些，因此您尝试的代码示例不起作用，看看会很有用。

【讨论】：