Web Design Trend 2016 - Background Video

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

Avatar G+

- Posted - Categories

Comment form

Back to Top

Random Web Design Testimonials

“I worked with Hilary for a time and during that period I found her to be extremely helpful and articulate. Her work was of highest standard and I was also able to observe how she interacted with her clients. While providing a top class service she maintained friendly and helpful services with them, listened to what they wanted and made appropriate suggestions. Hilary also assisted me with my work and provides services to the local community at large. I have no hesitation in recommending Hilary for any work.”

Andrea Harte - Undergraduate at University of Limerick

January 21, 2011, Andrea worked directly with Hilary at Proximo Web Design