Video Background | Push Labs | page builder

Video Background | Push Labs | page builder,siteorigin,video background,visual composer,WPBakery

Description

Video Background offers a simple and easy way to add a video background to any element on your WordPress site.

There are 4 simple required fields:

  • Container: This fields specifies where you would like the video background.
  • 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: Add a color 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 the video background
  • Tap to unmute: Add a “Tap to unmute” button to your video backgrounds to have your users engage with the sound. Compatible with Chrome’s newest autoplay policies!

In addition to the Video Background metabox, WPBakery integration, and SiteOrigin Page Builder integration, you can use the shortcode for use anywhere on your WordPress site:
[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]

Demo:
https://pushlabs.co/docs/video-background/

Installation

Installation is simple.

  1. Upload video-background to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Fill in the settings on the “Video Background” metabox on the page or post you’d like the video background to appear on.

Plugin author

Push Labs

Plugin official website address

https://wordpress.org/plugins/video-background/
If you encounter problems in using the Video Background plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

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