WordPress.org

Plugin Directory

Test out the new Plugin Directory and let us know what you think.

Video Background

jQuery WordPress plugin to easily assign a video background to any element. Awesome.

This plugin is an easy and simple way to add a video background to any element on your website.

Note: You may need to play around with the element’s z-index for the video background to display properly.

There is now a pro version of Video Background with awesome features like YouTube and Visual Composer integration to make your life easier! Check it out!

There are 4 simple required fields:

  • Container: This fields specifies where you would like the video background. If you want it to cover the whole website, you would enter "body". If you want the video background to be in a class called ".header" you would enter ".header"
  • MP4: Link to the .mp4 file. For Safari and IE support.
  • WEBM: Link to the .webm file. For Chrome, Firefox, and Opera support.
  • Poster: This will be used for the fallback image if video background is not supported (mobile for example)

There are also 5 additional optional fields for having a more beautiful video background:

  • Overlay: Adds a pattern overlay over the video for optimal reading of text.
  • Overlay Color: If overlay is enabled, you can select the color of the overlay using the colorpicker.
  • Overlay Alpha: If overlay is enabled, you can specify the amount of transparency.
  • Loop: Enable or disable the looping of your video! Play your video once, or infinite!
  • Mute: in Video Background, you now have the option to unmute your audio!

There is now a more detailed shortcode for video background. Input this shortcode in the bottom of the content editor of the page or post you would like video background on.

[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]

Demo: http://blakewilson.me/projects/video-background

Requires: 3.8.0 or higher
Compatible up to: 4.5.6
Last Updated: 7 months ago
Active Installs: 9,000+

Ratings

4.8 out of 5 stars

Support

3 of 12 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1 100,1,1
100,3,3
100,1,1
100,1,1