使用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视频标签

回答

相关问题