I was testing a bit of HTML5 today, and attempted to embed an .mp4 video into a web page, using CoffeeCup HTML Editor (which normally supports HTML5.
I used the following code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="created" content="Sat, 23 Apr 2011 10:50:37 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>HTML5 Video Test</title>
<style type="text/css">
<!--
body {
color:#000000;
background-color:#FFFFFF;
}
a { color:#0000FF; }
a:visited { color:#800080; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
-->
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<center>
<h2>HTML5 Video Test!</h2><br />
<video src="Video/SV_A0010.mp4" controls width="500" height="300">
</center>
</body>
</html>
As you can see in the very first line, the DOCTYPE is set to use HTML5.
Then, for the embeddding iself, I do not see any syntax errors in the <video src=...... line, nor does CoffeeCup indicate any.
Yet, when I open the web page, no matter whether I use Firefox 4, IE 9, Google Chrome or Opera 12 (although I believe that one does not fully support HTML5 yet), the screen shows up, the controls show, but there is a grey X in the middle of he video screen, and, obviously, nothing plays when I click Play.
Also, the folder containing the film exists, the mp4 film exists and plays when played on its own, it is in the correct folder and the path to the folder/file is also set correcly.
Does anyone see something here I might have missed?
Thank you in advance.
Edited by mrdee, 23 April 2011 - 05:08 PM.
















