video as site background? HTML 5

video html background html5-video
Roland picture Roland · Sep 27, 2010 · Viewed 136.2k times · Source

I want to use a video as a background instead of an image that automatically stretches to the whole screen (background).

I would also like to rotate videos and images.. so that there is a random video/image displayed in any order.

It would also be nice to know how to delay video playback, so that the video only plays once 30 seconds after the site loaded.

thx!

Answer

sydlawrence picture sydlawrence · Mar 15, 2011

Take a look at my jquery videoBG plugin

http://syddev.com/jquery.videoBG/

Make any HTML5 video a site background... has an image fallback for browsers that don't support html5

Really easy to use

Let me know if you need any help.

Related questions

Force iframe YouTube video to center fit and full cover the screen in the background using HTML5 CSS3

How do you force HTML5 iframe YouTube video to center fit, cover the full-screen window background using CSS3 HTML eventually Java? As for example "paypal.it" home page background or "unity3d.com/5" top video, has as iframe youtube video. …

Read More
Streaming via RTSP or RTP in HTML5

I'm building a web app that should play back an RTSP/RTP stream from a server http://lscube.org/projects/feng. Does the HTML5 video/audio tag support the rtsp or rtp? If not, what would the easiest solution be? …

Read More
HTML5 Video // Completely Hide Controls

How Could I completely hide HTML5 video controls? <video width="300" height="200" controls="false" autoplay="autoplay"> <source src="video/supercoolvideo.mp4" type="video/mp4" /> </video> false didn't work -- how is this done? Cheers.

Read More