Grow your CSS skills. Land your dream job.

Video as a background for an HTML-based site?

  • # March 15, 2010 at 4:20 pm

    Hi there!

    I am currently a web design student, and I am wondering if there is a way to implement video as a background image for an HTML/CSS-based website?

    I have searched the internet, and not found much, so maybe it isn’t doable. I have seen many working examples using Flash-based sites, but none with an HTML site. I am okay with using Flash for just the background, but the site itself needs to be HTML-based.

    Here are some samples of the Flash-based sites that show what I am hoping to do with HTML.

    Toyota Scion: http://www.scion.com/?gclid=CKvV3s-_u6ACFRlRagodi1w3TQ
    The Douglass Apartments: http://www.zemez.com/wip/douglass/1/douglass_index.html

    In these examples, the background is also resizable/scalable to fit the window, which I would also like to do, but it’s not absolutely necessary.

    If anyone has any suggestions for this, please speak up! Thanks so much.

    # March 15, 2010 at 4:28 pm

    Hey dude, i found this, it’s only $7 (around £5)

    http://activeden.net/item/easy-fullscreen-video-background-01-as3/73749

    # March 15, 2010 at 4:32 pm

    Thanks, but that is totally Flash-based. I need HTML-based, meaning, background can be Flash, (or not), but content must be HTML.

    "arjunvasudeva" wrote:
    Hey dude, i found this, it’s only $7 (around £5)

    http://activeden.net/item/easy-fullscreen-video-background-01-as3/73749

    # March 15, 2010 at 5:11 pm

    Check the HTML5 spec. There’s a way to do it I think… Unfortunately, only Chrome supports it.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".