Avatar of designaire
designaire
Flag for United States of America asked on

video html5

I have a few video files and I'm trying to play them using html  5 but they aren't working. Is there any thing that is wrong with this code. Could it be the video files? They run fine on the hard drive but not through the browser.

http://www.designaire.com/pr1/videotest.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
<video width="720" height="406" controls>
  <source src="BarberShop.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="BarberShop.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  <source src="BarberShop.ogg" type='video/ogg; codecs="theora, vorbis"' />
  Video tag not supported. Download the video <a href="movie.webm">here</a>.
</video>


</body>
</html>


I've also tried this...
http://www.designaire.com/pr1/videotest1.html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
<video width="720" height="406" controls>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Video tag not supported. Download the video <a href="movie.webm">here</a>.
</video>


</body>
</html>
MultiMedia Applications

Avatar of undefined
Last Comment
Dave Baldwin

8/22/2022 - Mon
Dave Baldwin

I've downloaded and played all three versions.  "BarberShop.ogg" has no content.  Firefox will play "BarberShop.webm" but for some reason it is defaulting to 'ogg'.  Safari will play the "BarberShop.mp4" with Quicktime.  Chrome on my Mac uses the "BarberShop.webm" and plays.

But I see you removed that.  I think you removed the wrong one.  Get rid of the 'ogg', it has no content.
designaire

ASKER
Thank you for your quick response. What does ie play?
designaire

ASKER
I got roid of the ogg but they still don't play. Any suggestions. could it be the video itself. The code's pretty simple.
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
Dave Baldwin

Firefox Chrome and Safari will play but the 'ogg' didn't have any content.  IE8 and below don't play anything.  IE9/10 are supposed to play MPEG-4/H.264 .  See here for more details: http://caniuse.com/#feat=video
designaire

ASKER
Chrome is working but not firefox or ie.
Dave Baldwin

Interesting.  It says a MIME or codec problem which it must be because Firefox plays the 'webm' version if I load it directly.

Now your code is all screwed up and I can't check anything.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
designaire

ASKER
sorry, I changed the code back. I was trying some other things. They didn't work.
ASKER CERTIFIED SOLUTION
Dave Baldwin

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
designaire

ASKER
Thank you,

Hosting company...
We have added the MIME types for video files in your .htaccess file. Refer the details pasted at the end of this email.

The video file in the URL 'http://designaire.com/pr1/videotest.html' is loading fine. We have attached a screen shot for your reference.

Please cross check the same from your end and get back to us if you need any further assistance.

Details for your reference
===============
AddType video/ogg .ogv .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
===============
designaire

ASKER
Thank you!
Your help has saved me hundreds of hours of internet surfing.
fblack61
Dave Baldwin

You're welcome!