Programming

How To Set A Background Video Up Using HTML5 and CSS

Programming Tutorial

In this tutorial I will show you how you can set a video up in the background of you file using HTML5 and CSS. A background video can be a cool effect on your site if used correctly.

The example in the site comes from Jinn, a new movie in theater April 4th. The video I demonstrate using video from their site. The examples files from the video are below but you will need to replace the video and still frame out with your own image.

If you like this video, please consider giving it a positive review and/or subscribing to my YouTube channel. If you have video suggestions or questions or comments on this video, please feel free to leave them below.

Download File

If you have any questions about the video, feel free to leave comments below.

* Thanks to some added questions, here is a new sample file using a background video with text and images on top of it, that could be used for navigation, animation or simply text.

Download Layered Video Example

  • Written by
  • Finepoint Design
  • April 5, 2014 / 191 Views

Drop your Message

Your email address will not be published. Required fields are marked *