BackgroundVideo

BackgroundVideo is a simple plugin that allows you to insert background video zones on your website using shortcodes. BackgroundVideo also creates a full-width homepage widget area where you can feature a background video. BackgroundVideo uses HTML5 and CSS3. It supports iFrame Embeds, WEBM, and MP4. On mobile, it displays a background image. BackgroundVideo supports a heading and content. Finally, BackgroundVideo permits several display customizations. You can specify the color of the text, the opacity of the video, and color behind the video. These display options make it possible to optimize font legibility.

[VideoBg  title=”HERE IT IS” content=”A background video display system via shortcode. A background video display system for the ages. Supporting HTML5, IFRAME, WEBM, and MP4. Using pure HTML and CSS3. It will be loved.” bgcolor=”#FFFFFF” vidopacity=”0.3″ textcolor=”#000000″ iframe=”” mp4=”” webm=”https://boilingpotmedia.com/wp-content/plugins/jpro-video-background/media/cloud.webm” image=”https://boilingpotmedia.com/wp-content/plugins/jpro-video-background/media/cloud.jpg”]

The shortcode to call BackgroundVideo is “VideoBg” inside of two brackets: [ ]

VideoBg includes many paramaters.

  • title=””
    Optional. Text is output within Header 2 tags and aligns left at the top of the BackgroundVideo.
  • content=””
    Optional. Text is output within Paragraph tags and aligns left below the title.
  • bgcolor=”#000000″
    Optional. Sets the color behind the video. Defaults to black (#000000). To make a video lighter, set to white (#FFFFFF).
  • vidopacity=”0.75″
    Optional. Sets the video opacity. Defaults to 0.75. To make a video less see-through, set to 1. To increase opacity, reduce the number value, where zero is 100% see-through.
  • textcolor=”#FFFFFF”
    Optional. Sets the color of the text. Default is white.
  • iframe=”<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/6JRkdbGQaoQ” frameborder=”0″ allowfullscreen></iframe>”
    Any iframe embed code – from YouTube to Vimeo – is supported. Only one video source should be used per BackgroundVideo Shortcode call. Do not also use mp4 or webm.
  • mp4=”http://yourwebsite.com/wp-content/uploads/12/1212/video.mp4″
    Any self-hosted mp4 is supported, simply enter the filepath to the video. Only one video source should be used per BackgroundVideo Shortcode call. Do not also use iFrame or webm.
  • webm=”http://yourwebsite.com/wp-content/uploads/12/1212/video.webm
    Any self-hosted webm is supported, simply enter the filepath to the video. Only one video source should be used per BackgroundVideo Shortcode call. Do not also use mp4 or iFrame.
  • image=”http://yourwebsite.com/wp-content/uploads/12/1212/image.jpg”
    Required. Any image format is supported. Simply enter the filepath to the image. This image will be displayed instead of a video if the screen size of the device is less than 600px.

[VideoBg  title=”HERE IT IS” content=”A background video display system via shortcode. A background video display system for the ages. Supporting HTML5, IFRAME, WEBM, and MP4. Using pure HTML and CSS3. It will be loved.” bgcolor=”” vidopacity=”” textcolor=”#FFFFFF” iframe=”” mp4=”” webm=”https://boilingpotmedia.com/wp-content/plugins/jpro-video-background/media/cloud.webm” image=”https://boilingpotmedia.com/wp-content/plugins/jpro-video-background/media/cloud.jpg”]