Question

所以，我只是想在我重建时在这个客户网站上放一个简单的html5视频播放器。以为它本来是一件很直接的事情，但是当我在FF中检查它时，我看到的是一个带有灰色“x”的暗盒子。我使用的是最新的FireFox 3.6.12。你可以亲自看看here。

这是我使用的代码 - 我认为它是有效的html5 - 也许不是？

代码：

<!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">&mdash;&mdash;<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>

*编辑12/6/10 - 下午3:00 * 在听了一个提示，视频似乎没有在我调查的服务器上;视频在服务器上但只有在将ftp输入浏览器时才可访问 - 否则会产生404错误。不确定为什么会这样 - 如果有人知道如何解决这个问题，请告诉我！

感谢您的大力帮助！

Answer 1

似乎在这三个中只有.mp4文件存在于服务器上。这是故意的吗？ Firefox可能不支持.mp4文件中使用的编解码器，并试图回退到不存在的回退。

编辑：我可以看到您使用IIS作为您选择的HTTP服务器。我现在暂时避免使用您选择的软件，但如果文件实际存在于服务器上，则可能是由于IIS的策略文件扩展名未知。 IIS是这样做的，它拒绝向客户端发送任何具有未知扩展名的文件。如果扩展名未知，则返回404错误。 IIS有一个类别的子代码，它可以显示在它自己的错误页面上，但显然真正的HTTP错误代码总是404.“找不到文件”的代码是404.0，而“未知文件扩展名”的代码是404.3（这里是complete list个错误代码。）

您需要使用正确的MIME类型将这些文件扩展名添加到IIS配置中。

Answer 2

通过将IIS配置为Matti Virkkunen建议来解决问题。用于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>

Answer 3

据我所知，FF3.6.x没有HTML5支持。它支持HTML5视频标记，但仅适用于特定的编解码器。

这是http://support.mozilla.com/en-US/kb/Youtube%20HTML5%20does%20not%20work%20in%20Firefox

Youtube目前正在测试HTML5，但不列出Firefox作为支持的浏览器虽然Firefox可以显示HTML5视频，Youtube使用了专利编解码器对视频进行编码，使它无法通过开源来使用像Firefox这样的软件。

Answer 4

我将您的代码用于我自己的视频，如果引用的视频文件存在且格式正确，则一切正常。

FireFox和html5视频 - 带x的灰色框

4 个答案: