Skip to main content

Screencast: Create a Responsive Video Header with Bootstrap

By Kauress

Blogs

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Video headers add a personalized touch and are used on sites such as Airbnb, among others. The best thing is that they are really simple to make. Watch and learn how to create a responsive full-width video header for your next website.

In this tutorial I will demonstrate how to use HTML5’s video element, some CSS3, and the Bootstrap framework to code the video header.

Kauress started her experience with the web via a tryst with the first RPG for girls at that time: Purple Moon. She then moved on to Kernal and C ++. Kauress begun programming with Java, although she has now moved into front-back web developing; specifically Javascript, including Meteor & NodeJS. Programming is not Kauress's only interest, having originally completed her Master’s in Neuroscience.

New books out now!

Get practical advice to start your career in programming!


Master complex transitions, transformations and animations in CSS!