7 Replies Latest reply: Oct 26, 2012 6:24 AM by tonydickins RSS

    How do I get a video to view in Internet Explorer?

    tonydickins Community Member

      I cannot get Internet Explorer to display the video in the page below.

       

      The page works fine in Safari, Firefox, Opera, and Crome and even on my iPad2 (although the latter does freeze the vid).

      As you can see I have tried converting the clients original Mpeg-4 into different formats for the browsers but I seem to be

      batting my head against the wall with IE. Don't I just love Microsoft?

       

      Here is the URL: http://www.cityhealing.com/html-site/treatments/ac/acupVideo.html

       

      Any help will be appreciated

       

      Thank you, Tony D

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml">

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <title>City Healing Aucupuncture Video</title>

      <style type="text/css">

      body {

          background-color: #000;

      }

      </style>

      </head>

       

      <body>

      <div align="center"><img src="../ailments/images/ailments_r1_c1.jpg" width="640" height="62" alt="chHeadGreen" /></div>

      <div align="center"><video controls preload="auto" width="640" height="480">

      <source src="images/acupunctureVideo.3gp" type="video/3gp"/>

      <source src="images/acupuncture.mpg" type="video/mpg" />

      <source src="images/acupunctureVideo.ogg" type="video/ogg"/>

      <source src="images/acupunctureVideo.mp4" type="video/mp4" />

      <source src="images/acupunctureVideo.mpg" type="video/mpg"/>

      <source src="images/acupunctureVideo(2).mpg" type="video/mpg" />

      <source src="images/acupunctureVideo.vob" type="video/vob"/>

      <source src="images/acupunctureVideo(1).avi" type="video/avi"/>

      <source src="images/acupunctureVideo.flv" type="video/flv" />

      </div>

       

      </body>

      </html>

        • 1. Re: How do I get a video to view in Internet Explorer?
          SnakEyez02 CommunityMVP

          The video tag does not exist in XHTML.  You need to be using an HTML5 document type. Also only mp4, ogg and webm are allowed for the video tag.  The rest you just have is filler and invalid code.

          • 2. Re: How do I get a video to view in Internet Explorer?
            Jon Fritz II CommunityMVP

            A couple of things here...

             

            First, you are using an HTML 5 <video> tag, but not the HTML5 doctype declaration or language encoding. Browsers will have issues with that. Change...

             

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

            <html xmlns="http://www.w3.org/1999/xhtml">

             

            to

             

            <!Doctype html>

            <html lang="en">

             

            Secondly, you forgot to close your <video> tag before you close the <div> it is in. You need to add </video> before the </div>. As SnakEyez mentioned, the rest of the video code needs help too.

             

             

            Finally, (once those are fixed, if it still isn't working in IE) what version of IE are you having trouble with? Old versions do not support HTML5, so it won't work there unless you add the object/embed video embedding methods inside your html5 video tag.

            • 3. Re: How do I get a video to view in Internet Explorer?
              tonydickins Community Member

              Hi SnakEyez02 and Jon Fritz II

               

              Thank you both for your quick response.

               

              I have altered the code to <!Doctype html> etc, removed surplus lines for source etc converted original mpg to webm (had to download and install it) and according to DW inspector is appears ok. It still works in all the other browsers but not IE version 9beta. My os right now is Windows 7, only so I can use Adobe Edge Animate, which is under review with me . I can swap os to XP which I prefer and use my old DreamweaverMX (2004) which usually gives me no bother.

               

              A few years ago I incleded loads of videos (mostly in FlashMX) in my own family site and never had the problems that occur these days. I sometimes think all these systems are getting too smart for their own good. Progress does not always keep things simple.

               

              Sorry about my little rant but back in the good old days, on an 8bit machine I used to code in BBC basic and everything used to work. Those old machines used to run faster than my quad4 64bit processor - so what happened?

               

              I will be interested in your response.

              Tony D

              • 4. Re: How do I get a video to view in Internet Explorer?
                Jon Fritz II CommunityMVP

                IE9 beta? Any reason you aren't using  IE 9? If you are in XP while doing this, it won't work, there is no IE 9 for anything under Windows 7, and there is no built in support for the <video> tag in anything older than IE9.

                 

                With html 5 <video> there need to be two file types for cross browser viewing. You need at minimum MP4 for IE9+, Chrome 6+ and Safari 5+, and WebM for Firefox 4+ and Opera10.6+ (Ogg would work in place of WebM as well)... http://www.w3schools.com/html/html5_video.asp

                 

                Can we see your new code? Perhaps a link to an uploaded page we could take a look at in the browser?

                • 5. Re: How do I get a video to view in Internet Explorer?
                  tonydickins Community Member

                  Hi Jon Fritz ii

                   

                  Thank you for your reply.

                  Well, ie9beta is what it says on the tin - just came with Windows 7. As I never use ie for my browsing so I have never bothered with it, until now, when, like all Microsoft stuff it starts off pear shaped and just keeps getting worse ! ..  :-)

                   

                  The prime site I have designed in FlashMX is

                   

                  http://www.cityhealing.com.

                   

                  Under that is the html site:

                  http://www.cityhealing.com/html-site/home/homePage.htm

                   

                  The link for the video clip pages are not live to the public but they are:

                   

                  http://www.cityhealing.com/html-site/treatments/ac/acupVideo2.htm

                  and

                  http://www.cityhealing.com/html-site/information/testimonials/testimonialVideo1.htm

                   

                  here is the code for the acup2.htm video: amened as per your suggestion.

                  ______________

                   

                  <!DOCTYPE html>

                  <html lang="en">

                  <head>

                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                  <title>City Healing Aucupuncture Video</title>

                  <style type="text/css">

                  body {

                      background-color: #000;

                  }

                  </style>

                  <link href="../../cHealing.css" rel="stylesheet" type="text/css">

                  </head>

                   

                  <body>

                  <div align="center"><img src="../ailments/images/ailments_r1_c1.jpg" width="640" height="62" alt="chHeadGreen" /></div>

                  <div align="center"><video controls preload="auto" width="640" height="480">

                  <source src="images/acupunctures.webmsd.webm" type="video/webm" />

                  <source src="images/acupunctureVideo.ogg" type="video/ogg" />

                  <source src="images/acupunctureVideo.mp4" type="video/mp4" />

                  <source src="images/acupuncture.webmhd.webm" type="video/webm" />

                  </video></div>

                   

                  </body>

                  </html>

                  ________________

                   

                  Oh, btw, the video frame appears for one second in IE then replaced by the little red cross!

                  Thanks, Tony D

                  • 6. Re: How do I get a video to view in Internet Explorer?
                    Jon Fritz II CommunityMVP

                    tonydickins wrote:

                     

                    Oh, btw, the video frame appears for one second in IE then replaced by the little red cross!

                    Thanks, Tony D

                     

                    That typically means the link to the video file is missing or something is wrong with the encoding.

                     

                    Looking at your code, IE will attempt to play "images/acupunctures.webmsd.webm" first. I went to the site and tried to open that file by itself. It downloaded, however it was corrupt/encoded wrong and will not play. It is also unnecessary to have it at all, since IE9 will play the Mp4 video a vew lines after it in your code. Since the file exists and IE recognizes it as a "play this file" type, it will get stuck there, even if it would normally have worked with the file further down on the list.

                     

                    I would remove both references to "images/acupunctures.webmsd.webm" in your source and see if IE comes back for you.

                    • 7. Re: How do I get a video to view in Internet Explorer?
                      tonydickins Community Member

                      Thank you Jon Fritz II

                       

                      Removing the references did the trick, after I had converted the Mpeg opriginal again. Thank you for your time in helping solve my problem.

                      Tony Dickins