All geek questions in one place

Firefox and html5 video - gray box with x

So, I'm just trying to put a simple html5 video player on this clients website while I am doing the reconnection. Thought it would be straightforward, but when I checked it in FF, all I see is a dark box with a gray “x” in it. I am using the latest version of FireFox 3.6.12. You can see it here .

This is Im using code - I thought it was really html5 - maybe not?

THE CODE:

<!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. , - - , , !

!

+3
4

IIS, . IIS GoDaddy (.ogg,.ogv,.oga) .webm. , , , , ( ), / .

- web.config(, xml config ), 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

, .mp4. ? Firefox, , , .mp4, , .

: , IIS HTTP-. , , , , IIS . IIS , - . , 404. IIS , , , , HTTP 404. "file not found" 404.0, " " - 404.3 ( ).

IIS MIME.

+2

, FF3.6.x HTML5. HTML5, .

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

Youtube is currently testing HTML5 but does not indicate Firefox as a supported browser. Although Firefox can display HTML5 video, Youtube uses a proprietary codec to encode the video, making it unsuitable for use with open source software such as Firefox.

0
source

I used your code with my own videos, and if the corresponding video files exist and have the correct format, everything works.

0
source

Source: https://habr.com/ru/post/1778793/

More articles:


All Articles