文章/答案/技术大牛

发布

社区首页 >问答首页 >FireFox和html5视频-带x的灰盒

问FireFox和html5视频-带x的灰盒
EN

Stack Overflow用户

提问于 2010-12-06 17:31:58

回答 4查看 4.1K关注 0票数 3

所以，我只是试着把一个简单的html5视频播放器在这个客户网站上，而我做重建。我原以为这是一件直截了当的事情，但当我在FF中检查它时，我看到的只是一个黑色的盒子，里面有一个灰色的"x“。我正在使用最新的FireFox 3.6.12。你们可以亲眼看到这里。

这是我使用的代码-我以为它是有效的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 to *在下面提示视频似乎不在我所调查的服务器上；视频在服务器上，但只有在ftp被输入浏览器时才能访问-否则会生成404错误。不知道为什么会这样-如果有人知道如何解决这个问题，请让我知道！

谢谢你的大力帮助！

debugging

firefox

html5-video

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-12-07 22:14:04

按照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>

票数 2

Stack Overflow用户

发布于 2010-12-06 17:35:43

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

编辑:我可以看到，您正在使用IIS作为您选择的HTTP服务器。现在我将避免讨论您选择的软件，但是如果这些文件实际上存在于服务器上，这很可能是由于IIS的策略导致的，文件扩展名未知。IIS的创建使得它拒绝向客户端发送任何扩展名未知的文件。如果扩展名未知，则返回404错误。IIS有相应的子代码，它可以在自己的错误页面上显示，但很明显，真正的HTTP错误代码总是404。“未找到文件”的代码为404.0，而“未知文件扩展名”的代码为404.3 (这是错误代码的完整列表 )。

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

票数 2

Stack Overflow用户

发布于 2010-12-06 17:36:50

据我所知，FF3.6.x不支持HTML5。它确实支持HTML5视频标签，但只支持特定的编解码器。

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

Youtube目前正在测试HTML5，但并未将火狐列为受支持的浏览器。尽管火狐可以显示HTML5视频，但Youtube使用了一个专利编解码器对视频进行编码，使得像火狐这样的开源软件无法使用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4369193

复制

相似问题

问FireFox和html5视频-带x的灰盒
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问FireFox和html5视频-带x的灰盒EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问FireFox和html5视频-带x的灰盒
EN