Video Widget

Use the Video Widget to easily embed videos on your page.


Video

  1. Source: Select the source of the video. Choose between Youtube, Vimeo, Dailymotion, or Self Hosted
  2. URL: Enter the URL of the video
  3. Start / End Time: Set Start and End time for your video. Leave blank for full length video

Video Options

Youtube

  1. Autoplay: Slide to YES to automatically play the video on page load
  2. Mute: Slide to YES to Mute the video
  3. Loop: Slide to YES to Loop the video
  4. Player Controls: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.
  5. Video Info: Show or Hide the Video Info, such as the video’s title
  6. Modest Branding: When Player Controls is set to YES, you can Hide the YouTube logo by sliding Modest Branding slider to YES
  7. Suggested Videos: Show or Hide Suggested Videos
  8. Privacy Mode: Slide ON or OFF. When ON, Youtube won’t store information about visitors on your website unless they play the video

Vimeo

  1. Autoplay: Slide to YES to automatically play the video on page load
  2. Mute: Slide to YES to Mute the video
  3. Loop: Slide to YES to Loop the video
  4. Controls Color: Choose the color of the Player Controls, such as Play/Pause, etc.
  5. Intro Title: Show or Hide the Intro Title
  6. Intro Portrait: Show or Hide the Intro Portrait
  7. Intro Byline: Show or Hide the Intro Byline

Dailymotion

  1. Autoplay: Slide to YES to automatically play the video on page load
  2. Mute: Slide to YES to Mute the video
  3. Player Controls: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.
  4. Video Info: Show or Hide the Video Info, such as the video’s title
  5. Logo: Show or Hide the Video Logo
  6. Controls Color: Choose the color of the Player Controls, such as Play/Pause, etc.

Self Hosted

  1. Autoplay: Slide to YES to automatically play the video on page load
  2. Mute: Slide to YES to Mute the video
  3. Loop: Slide to YES to Loop the video
  4. Player Controls: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.
  5. Download Button: Show or Hide the Download Button (applicable for Chrome only)

Image Overlay

Image Overlay: Show or Hide an Image Overlay

Note: Using Image Overlay overrides Autoplay. Videos will not autoplay if an Image Overlay is set.

If Image Overlay is set to Yes, the following options become available:

  1. Image: Set your Image
  2. Lazy Load: Defer loading of the video resources until the user clicks the Play button *
  3. Image Size: Set your Image Size
  4. Play Icon: Slide to YES to show a Play Icon
  5. Lightbox: Slide ON to view the video in a Lightbox. Once ON, you will have to set an image

* Lazy Load replaces the video embed code with a static image of your choice, and optionally, a play icon on top of the static image. The video is only loaded when the user clicks on the image.
This greatly helps speed up the initial page load time because the user’s browser doesn’t download the many extra resources Youtube and other video services embed, all before a user even needs them. If you want faster load times on pages that embed videos, Lazy Load is a good option to enable.

Style

  1. Aspect Ratio: Change the videos aspect ratio
  2. CSS Filters: Set up a blur, brightness, contrast, saturation, and hue