Video backgrounds are a very useful and stylish element for all designs and pages. Quadra has great plugins for this. For video backgrounds, you can use local video (video in your server), Youtube Video and Vimeo video. This feature is used in many different places in Quadra demos. You can also use it by copying it from here to use it.

The local video example on the background will work directly when you copy it to your website. You don't need any plugins to use local videos in the background. Quadra has the necessary support. For Youtube and Vimeo videos you need to link the plugin paths. You can easily do this with the helpers on the page.

Big thanks to Pupunzi for this great player. You can visit plugin page for this great plugin. You can find all details, blog and documentation.

Background support for Vimeo videos is built with the premium plugin Revolution Slider. Quadra comes with Revolution Slider. No need to buy again.

This is an example of local video. No plugins needed, Quadra has all the necessary software. You can copy and use it on your website. You do not need to make any settings.

This is local video template.

It is a very fast method to put video in the background. We recommend this feature for small videos. It is not important that the duration is short, the loop feature is active. You can use many section features of Quadra on it and decorate your video with transparent colors.

YTPlayer, a great plugin for youtube backgrounds, is ready to use. You just need to add the plugin path to your website. You can make all the settings in the "data" attributes. Youtube background video works on mobile devices and you can turn off video playback on mobile devices if you want. You can use an image instead of a video.

This is youtube video template.

You can use many visual effects on youtube background videos such as sepia, brightness, contrast, grayscale, blur on the background video. If you switch to a different tab or leave the page focus, the video will pause automatically.

You can use Vimeo video on backgrounds and create it with Revolution Slider support. The classic Revolution Slider features apply to this feature.

  • This is a Vimeo Video Example.

You can activate this feature using only the video ID. You can easily adjust the start time of the video, the time it ends and many other settings via "data" attributes.

Please tell us if you want to see more creative elements in Quadra. We really care about it.
website logo template
Drop us a message

You're at the right place now! How can we help?