使用Internet Explorer和Firefox的HTML5視頻標籤

我正在開發一個網站，該網站將在首頁上顯示視頻。爲此我被告知使用html5視頻播放器。所以，我創建了一個小的html文件來測試視頻標籤是否工作。代碼如下，使用Internet Explorer和Firefox的HTML5視頻標籤

<!DOCTYPE html> 
<html> 
<head> 
</head>  
<body> 
<video width="320" height="240" controls="controls"> 
    <source src="FrontPageVideo.mp4" type="video/mp4" /> 
    <source src="FrontPageVideo.webm" type="video/webm" /> 
    Can't play Video. Upgrade your brower 
</video>  
</body> 
</html>

該工程確定鉻，Firefox和Internet Explorer 9 所以，我決定使用的代碼在我的.NET MVC3 Razor視圖。代碼片段就像，

<div> 
    <video width="295" height="210" controls="controls"> 
     <source src="@(Url.Content("~/Media/FrontPageVideo.webm"))" type="video/webm" /> 
     <source src="@(Url.Content("~/Media/FrontPageVideo.mp4"))" type="video/mp4" /> 
      Can't Play Video. Upgrade your browser. 
    </video> 
</div>

但是，我不知道爲什麼這段代碼只適用於chrome。 Firefox和IE9在帶有十字標記的頁面中顯示黑色部分。

需要幫助。

來源

2011-12-29 Muctadir

你有沒有嘗試顛倒'源'元素的順序？ – 2011-12-29 08:14:23

是的，我做到了。什麼都沒發生。 – Muctadir 2011-12-29 09:01:59

呈現的HTML如何顯示？ – 2011-12-29 09:57:29

我不能發表評論，但它看起來像，但我建議檢查您的第二頁加載在IE瀏覽器（不知道關於Firefox，可能是同樣的問題）什麼文檔模式。這聽起來像是頁面可能正在加載一種較舊的模式，因爲它沒有像第一個示例中那樣的DOCTYPE html標記。

來源

2013-02-22 09:20:20

使用Internet Explorer和Firefox的HTML5視頻標籤

回答

相關問題