Check out our latest launch at Office Printers Ireland to see the latest web design trend continuing on from 2015.

HTML5 Video background

In order to provide the best separation between text and background image/video, employ a div which will cover the background with an opaque colour which the text can then sit on top of and remain legible.

Eg. White items in the background and white text on top, any issues with text blending into the background are solved.

The HTML5 video tag needs a ‘poster’ attribute, as this will allow browsers that do not support the use of <video> to fallback to a still image. Yes, Internet Explorer we are looking at you (I guess it would feel weird if IE supported everything!) ;)

This article here gives you all the code you need to achieve HTML5 background video, I found it a fantastic resource.

HTML5 Background video examples

Paypal HTML5 Video Background
Sagepay background video HTML5

- Posted

Back to Top

Random Web Design Testimonials

“Hilary is an experienced web designer who understands the most complex coding issues web designers can face. Very easy to work with and always meets her deadlines.” January 17, 2011

Paul Feeney - printing.com