Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 191
  • Last Modified:

HTML 5 Video Nightmare

You may have seen my other posts on this.

I am now trying to break it down to the SIMPLEST case. I now cannot get that to work, even though I previously had versions more complex that this working.

Please look at http://aquascapegetyourfeetwet.com/test_video.html

Then view source. I don't know how to make it ANY simpler.

To prove that the mp4 and ogv files are there, see attached image from godaddy ftp.

Why can't this VERY SIMPLE page work?

I've tried it in IE, FireFox & Chrome. It CAN'T find the video files. It's crazy.

I tried to attach the videos; it won't allow it

Thanks
aquascape-ftp.jpg
0
Richard Korts
Asked:
Richard Korts
  • 5
  • 4
  • 3
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
According to LiveHTTP Headers in Firefox, it's not even making a request for the video file.  Try putting the correct height in the video tag.
0
 
Richard KortsAuthor Commented:
To Dave Baldwin,

I added a height parameter. Same problem.

I will be VERY happy if you can just show me a BASIC setup that will play a video.

It's incredible to me that this is SOOOOOO difficult.
0
 
Dave BaldwinFixer of ProblemsCommented:
Try this.
<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" />

<title>Test Video</title>
</head>
<body style="font-family: Arial, Helvetica; font-size: 12pt;">
	<table width="800" cellpadding="4">
		<tr>	
			<td><img src="images/spacer.gif" width="100" height="5">
			<td><img src="images/logo.jpg"></td>
			<td><img src="images/header.jpg"></td>
		</tr>
	</table><br>
<div style="text-align:center"> 
  <br> 
  <video id="video1" width="800" height="600" controls>
    <source src="video_test.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'">
    <source src="video_test.ogv" type='video/ogg; codecs="theora, vorbis"'>
    Your browser does not support HTML5 video.
  </video><br>
</div> 

</body>
</html>

Open in new window

http://en.wikipedia.org/wiki/HTML5_video
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
Richard KortsAuthor Commented:
DaveBaldwin,

PROGRESS!!!

It works in FireFox & Chrome.

It's the same as before in IE

I had to make a SLIGHT change to the mp4 line; you had an extra ".

http://aquascapegetyourfeetwet.com/test_videodb.html

Can we make it work in IE?

Thanks
0
 
Element1910Commented:
Quick and silly question, what version of IE are you using to test this on?
0
 
Richard KortsAuthor Commented:
To Element1910

IE 9
0
 
Dave BaldwinFixer of ProblemsCommented:
No, IE8 just says "Your browser does not support HTML5 video."
0
 
Richard KortsAuthor Commented:
I'm using IE 9.

rkorts
0
 
Element1910Commented:
[Removed]
0
 
Richard KortsAuthor Commented:
The problem is NOT solved for IE.

Points awarded for effort.
0
 
Element1910Commented:
Try replacing your source for the mp4 with this:
<source src="video_test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

Open in new window

0
 
Dave BaldwinFixer of ProblemsCommented:
Go to this page http://html5test.com/ in IE9 and see what it says about Video support.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 5
  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now