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 (which includes hosting on external servers)
2. External URL: This toggle appears when you choose a Self-Hosted video. If the video is in your Media Library, leave the toggle off. If the video is not in your Media Library, switch this toggle on. This will open a text box – enter the file’s URL
3. Start / End Time: Set Start and End time for your video. Leave blank for full length video

Note: When pointing to an external URL, you must enter the file’s URL. In many cases (e.g. Google Drive), this is not the URL in the address bar. Instead, right-click the video and select, Copy video address. Paste this address in the URL text box.

 

Video Options

Note: Autoplay is affected by Google’s Autoplay policy on Chrome browsers.

Youtube

1. Autoplay: Slide to YES to automatically play the video on page load
2. Play on Mobile: This option only appears if Autoplay is set to Yes. Useful to allow iOS to autoplay the video.
3. Mute: Slide to YES to Mute the video
4. Loop: Slide to YES to Loop the video
5. Player Controls: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.
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: Choose from “Current Video Channel” or “Any Video”
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. Choices include: 1:1, 3:2, 4:3, 16:9, 21:9, and 9:16
2. CSS Filters: Set up a blur, brightness, contrast, saturation, and hue

---

Advanced

Set the Advanced options that are applicable to this widget