• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 197
  • 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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

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