Full html screen Video design

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

<snip>

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">
</object>

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

http://blog.jilion.com/2011/07/27/world-s-first-true-html5-fullscreen-video

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.