Skip navigation
Currently Being Moderated

Trying to embed a video file in HTML5: ERROR=No video with supported format and MIME type found?

Dec 6, 2012 10:43 AM

Tags: #error #internet #html5

Hello all!

 

I am desparate for a solution. I am testing my site on Firefox and Explorer and still no sign of a functional video yet.

Firefox: I get the error: No video with supported format and MIME type found.

Explorer: I just get a distorted layout.

 

Here is the code I am working on:

 

<table id="Table_01" width="480" height="801" border="0" cellpadding="0" cellspacing="0">

    <tr>

        <td colspan="6">

            <img src="images/Video_01.jpg" width="480" height="114" alt=""></td>

    </tr>

    <tr>

        <td rowspan="3">

            <img src="images/Video_02.jpg" width="52" height="486" alt=""></td>

        <td colspan="4">

 

 

           <video controls width="376" height="221">

             <source src="C:\Users\aalmeida\Videos\AEMC PEL 103 6 Channel, Power & Energy Logger - with Display (Part 1).mp4" type="Video/Mp4"/>

             <source src="C:\Users\aalmeida\Videos\AEMC PEL 103 6 Channel, Power & Energy Logger - with Display (Part 1).webm" type="Video/WebM"/>

             <source src="C:\Users\aalmeida\Videos\AEMC PEL 103 6 Channel, Power & Energy Logger - with Display (Part 1).oggtheora.ogv" type="Video/Ogg"/>

 

             </video>

 

Please tell me that there is something missing in the code. I have spent a lot of time uninstalling-updating Firefox plugins, added MIME types in the Internet Information Manager (I'm on Windows 7)

and  seriuously hit a dead end with this!

 

Any advice would be muchly appreciated!!!

 

Thanks

~LA

 
Replies
  • Currently Being Moderated
    Dec 6, 2012 10:51 AM   in reply to OOlala_28

    The video is pointing to the C drive.  It should be a relative or absolute path to the domain.


    Also depending on your server, the file types may not be valid.  For instance, MP4 is not a valid file on a Windows server unless you configure an MIME type for it.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 6, 2012 10:54 AM   in reply to OOlala_28

    It likely has something to do with the special characters  , & ( )  in your file names.

     

    Remove the special characters and spaces and see if that helps.

     

    Also, make sure you are using the HTML 5 doctype declaration.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 6, 2012 11:13 AM   in reply to OOlala_28

    As Jon said, you must declare the page as HTML5.

     

    And your server may not be set up to deliver video as a binary file if it is an .OGG file. I have not seen this problem with .MP4 or .M4V in the past, but every server is a little different.

     

    To add a MIME type, you need to change your .htaccess file on an Apache server thusly:

     

    AddType audio/ogg .oga

    AddType video/ogg .ogv

    AddType application/ogg .ogg

    AddHandler application-ogg .ogg .ogv .oga

     

    Additionally, MIME types can usually be changed on a server's Control Panel. One can also ask one's hosting provider to do this as well.

     

    Firefox makes it necessary to use OGG files. Webkit-based browsers will deal with .M4V or .MP4 and I understand Internet Exploder will work with the latter two as well.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 6, 2012 12:18 PM   in reply to OOlala_28

    Generally your master userid and password for your webserver would be all you need to log on to a control panel. In my case it would be http://domainname.com/cpanel And that is pretty standard on Linux/Apache hosts.

     

    Then you woulc be looking for an icon that says "mime types" That will let you add new MIME types.

     

    The purpose for this is to change the type of file delivered. Your video will be delivered as an ASCII stream if you have no MIME type specified for your server and your server does not understand what that file extension means.

     

    And your IT manager should be able to help you there.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points