Full html screen Video design

How do I make a full screen video screen like this ? With a on screen html menu ?


It’s just a Flash file set to width and height 100%:

<object type="application/x-shockwave-flash" id="flashObj" data="home.swf" [COLOR="#FF0000"]width="100%" height="100%"[/COLOR]>
    <param name="allowFullScreen" value="false">
    <param name="allowScriptAccess" value="always">
    <param name="bgcolor" value="#FFFFFF">
    <param name="wmode" value="transparent">

You could also do this with the HTML5 <video> element, with a little help:


The OBJECT is a replaced element and the Fred5 version requires JavaScript. So really you’d need a scripting solution or parameters if you chose Fred5 OBJECT, as it is incapable of doing such. Since Fred5 VIDEO and OBJECT width and height values are pixel units only.