Skip navigation
MichaelRomine
Currently Being Moderated

HTML5 video error in IE 10 [was: Video Presentation on the Web?]

Sep 1, 2013 5:45 AM

This driving me crazy any thoughts on why Explorer 10 shows this video error? Heres my code...

 

<body>

<video width="320" height="240" controls autoplay poster="images/hawaii_island.jpg">

  <source src="media/lava_flow_mp4.mp4" type="video/mp4">

  <source src="media/lava_flow_webm.webm" type="video/webm">

  <source src="media/lava_flow_ogg.ogg" type="video/ogg">

  Sorry, your browser doesn't support HTML5 video. </video>

</body>

 

error_ie.png

 

[Subject line edited by moderator for clarity. Was identical to earlier thread by same member.]

 
Replies
  • Currently Being Moderated
    Sep 1, 2013 8:03 AM   in reply to MichaelRomine

    Hello Michael,

     

    here is a code I used to insert a mp4 video from an image:


    <td><a href="yourPath/yourMp4File.mp4"><img src="images/hawaii_island.jpg" alt="Description ..." width="yourWidth" height="yourHeight" border="0" /></a></td>

     

    Good luck!

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 1, 2013 12:35 AM   in reply to MichaelRomine

    Hi,

     

    about these problems I remember an interesting article about the "Compatibility tables for support of HTML5, ... " here: http://caniuse.com/#feat=video.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 1, 2013 1:53 AM   in reply to MichaelRomine

    It's possible that your server isn't sending the correct MIME type for the video. Although you have the type attribute in the <source> elements, browsers rely on the MIME type sent in the server headers.

     

    If your web server runs on Apache, and if you are allowed to configure it using an .htaccess file, add the following commands to the .htaccess file in your server root:

     

    SetEnvIfNoCase Request_URI \.(?:ogv|ogg|oga|m4v|mp4|m4a|mp3|wav|webma?|webmv)$ no-gzip dont-vary
    
    AddType video/ogg .ogv
    AddType video/mp4 .m4v .mp4
    AddType video/webm .webm .webmv
    
    AddType audio/mpeg .mp3
    AddType audio/mp4 .m4a
    AddType audio/ogg .ogg .oga
    AddType audio/webm .webma
    AddType audio/wav .wav
    
     
    |
    Mark as:
  • Currently Being Moderated
    Sep 1, 2013 5:30 PM   in reply to MichaelRomine

    This is probably only happening when you preview files locally.  Chances are it won't be an issue when you publish your site on the web.

     

     

     

    Nancy O.

     
    |
    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