Debugging FireFox和html5视频-带x的灰盒
所以，我只是想在这个客户端网站上安装一个简单的html5视频播放器，同时进行重建。 我本来以为这是一件直截了当的事情，但当我在FF中检查它时，我看到的是一个黑色的盒子，里面有一个灰色的“x”。 我正在使用最新的FireFox 3.6.12。 你们可以自己看看 这是我使用的代码-我认为它是有效的html5-也许不是 代码：Debugging FireFox和html5视频-带x的灰盒,debugging,firefox,html5-video,Debugging,Firefox,Html5 Video,所以，我只是想在这个客户端网站上安装一个简单的html5视频播放器，同时进行重建。 我本来以为这是一件直截了当的事情，但当我在FF中检查它时，我看到的是一个黑色的盒子，里面有一个灰色的“x”。 我正在使用最新的FireFox 3.6.12。 你们可以自己看看 这是我使用的代码-我认为它是有效的html5-也许不是 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" conte
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="reel2.css" type="text/css" media="screen" />
<title>Christopher Stewart - Theatrical and Commercial Reels</title>
</head>
<body>
<div class="main">
<div class="header">
<div class="back">
<img src="http://thechristopherstewart.com/REEL_files/ChrisStewart_Website.jpg" />
<span class="backbtn">——<a href="Home.html" target="_self">back</a></span>
</div>
<span class="page_title">Christopher Stewart: Video Reel</span>
<div class="theatrical">
<span class="title">Theatrical Reel</span><br><br>
<video width="640" height="480" preload controls>
<source src="reelvids/120610-reel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="reelvids/120610-reel.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="reelvids/120610-reel.theora.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
</div>
</div>
</div>
</body>
</html>
克里斯托弗·斯图尔特-戏剧和商业影片
&mdash&mdash；
克里斯托弗·斯图尔特：录像带
戏剧卷轴
谢谢你的帮助 在这三个文件中，似乎只有.mp4文件存在于服务器上。那是故意的吗？Firefox可能不支持.mp4文件中使用的编解码器，并试图退回到不存在的备用方案 编辑：我可以看到您正在使用IIS作为您选择的HTTP服务器。现在我将避免讨论您选择的软件，但是如果文件确实存在于服务器上，这可能是由IIS的策略导致的，该策略具有未知的文件扩展名。IIS被设置为拒绝向客户端发送任何具有未知扩展名的文件。如果扩展名未知，则返回404错误。IIS对此有一个子代码，它可能会在自己的错误页面上显示，但很明显，真正的HTTP错误代码始终是404。“未找到文件”的代码为404.0，“未知文件扩展名”的代码为404.3（以下是一组错误代码）
您需要使用正确的MIME类型将这些文件扩展名添加到IIS配置中。据我所知，FF3.6.x不支持HTML5。它确实支持HTML5视频标签，但只支持特定的编解码器 这是从 Youtube目前正在测试HTML5， 但没有将Firefox列为 支持的浏览器。而Firefox可以 显示HTML5视频，Youtube使用 获得专利的编码解码器对视频进行编码， 通过开源使其无法使用 像Firefox这样的软件
我在自己的视频中使用了您的代码，如果引用的视频文件存在且格式正确，则一切正常。按照Matti Virkkunen的建议配置IIS，解决了此问题。GoDaddy托管的IIS默认不包括theora（.ogg、.ogv、.oga）文件扩展名或.webm扩展名。这意味着，如果您将具有这些扩展名中任何一个的文件放在服务器上，它们都不会被识别，因此（为了保护用户），用户将不允许查看/与之交互 解决这个问题的一种方法是创建一个web.config（即一个带有配置扩展名的xml文件），以强制服务器接受某些MIME类型。然后将其上载到根托管文件夹。注意不要覆盖现有的web.config，因为它可能会导致网站崩溃。此外，告诉IIS允许它已经允许的文件类型（例如（.mp4））也会导致意外错误。在创建/编辑web.config文件之前，请确保使用IIS的默认权限签入 这是我的web.config文件修复GoDaddy IIS问题的外观：
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
<mimeMap fileExtension=".oga" mimeType="audio/ogg" />
<mimeMap fileExtension=".ogv" mimeType="video/ogg" />
<mimeMap fileExtension=".webm" mimeType="video/webm"/>
</staticContent>
</system.webServer>
</configuration>