Background Video

Pop your text and buttons here!

This is a layered element that goes on top of the video. If it is not needed, you can remove it by deleting the container .text-overlay in the elements tree.

Background Video

The outer wrapper of this video, .video-container, has its width limited to 1000px. If you want to have a smaller or larger display, that is where you change it.

The video has been made to start playing from the first default breakpoint, in order not to use up the bandwidth on small devices. If you want it to play on all devices, you need to remove the container .overlay from the elements tree.

There is also a text overlay, which, if it is not needed, can be removed by deleting the container .text-overlay from the elements tree.

The video used in this component was found on Vimeo, and when it is playing, it is streamed directly from the source.

Placeholder Picture

Download this component (displayed)