HTML5 background video


Does anyone have experience with HTML5 background video? I’m having a website designed and I need to get some videos sorted. Whats the best way to compress them for web? Is h264 OK?


You can easily achieve this effect with HTML5 video embedding feature. Here is an example I created recently to achieve this effect:

As far as file type goes you should have it link to a few different file types for cross browser compatibility- MP4, Ogg etc). Here is a page with more information about html5 features you can add to the video tag:

There are currently three different video formats that the different browsers that support the <video> tag use. You need to include all three if you want to support all of the browsers.