如何在具有跨瀏覽器兼容性的HTML頁面上播放視頻？

Question

我們的應用程序在開始時有很多視頻在HTML頁面上播放。我試過object和video標籤來播放這些視頻，但是我發現跨瀏覽器兼容性問題，這兩個標籤在IE 6/7/8上無法正常工作。當然，我們無法開發一款新的視頻播放器，我認爲視頻播放是Java EE開發的一個非常常見的情況，所以我想詢問是否有任何好方法讓我們播放具有良好交叉效果的視頻瀏覽器兼容性。

謝謝。

Answer 1

做類似下面將讓你玩大多數瀏覽器上的視頻：

<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元素。

但是，您可能已經嘗試過所有這些，因此您嘗試執行的代碼的示例不起作用，這對於查看有用。

Answer 2

嘗試與Windows兼容的jplayer：IE6，IE7，IE8，IE9，IE10，IE11，並且在Opera mini和Android瀏覽器上也能很好地運行。

http://www.jplayer.org/