Hi, this may seem like a very simple problem but it's one that's eluded me so far.
I have a 5 minute movie of children pretending to be Area 51 type scientists and I've uploaded it using a code I was kindly shown by someone (sorry forgot who) on DD.
Code:
<!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>Untitled Document</title>
</head>
<body>
<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<!-- warning: playback does not work on iOS3 if you include the poster attribute! fixed in iOS4.0 -->
<center><video width="720" height="544" controls>
<!-- MP4 must be first for iPad! -->
<source src="video1.mp4" type="video/mp4" /><!-- Safari / iOS video -->
<source src="video1.ogv" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
<!-- fallback to Flash: -->
<object width="720" height="544" type="application/x-shockwave-flash" data="film.swf">
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
<param name="movie" value="film.swf" />
<param name="flashvars" value="controlbar=over&image=video1.jpg&file=video1.mp4" />
<!-- fallback image. note the title field below, put the title of the video there -->
<img src="video1.jpg" width="640" height="360" alt="__TITLE__"
title="No video playback capabilities, please download the video below" />
</object>
</video></center>
</body>
</html>
Link... http://www.bigwood.nottingham.sch.uk...ideo/film.html
I know it says <img src="video1.jpg" etc... but when I open it the page is white for about 5 seconds or so and then the movie appears.
I need a background image that you have on instead of the white space. Does this make any sense? I'm using Internet Explorer at work.
Thanks,
Jay Dog
Bookmarks