SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Full html screen Video design.

  1. #1
    SitePoint Guru marcel's Avatar
    Join Date
    Nov 2000
    Posts
    918
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Full html screen Video design.

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

    <snip>
    Last edited by TechnoBear; Jul 13, 2012 at 13:53. Reason: Link removed as unnecessary

  2. #2
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    19,963
    Mentioned
    216 Post(s)
    Tagged
    2 Thread(s)
    It's just a Flash file set to width and height 100%:

    Code:
    <object type="application/x-shockwave-flash" id="flashObj" data="home.swf" width="100%" height="100%">
        <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/wo...llscreen-video

  3. #3
    Robert Wellock silver trophybronze trophy
    SitePoint Award Recipient xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,242
    Mentioned
    51 Post(s)
    Tagged
    0 Thread(s)
    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.
    };-) http://www.xhtmlcoder.com/
    Thinking Web: Voices of the Community

    > March 2013 - SitePoint forums: Spot the Error 3: Calling all Sleuths! Winner Announced!... She knows how to spot simple <code> errors but do you?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •