Help » Video Component

The Video component creates a responsive, full-width video with optional caption and automatic start/stop.

 

Go to the Video Component Demo

Options Overview

Component Width – You can enter the size as 40% or 500px. Enter the word content to restrict the width to that of the main text.

Alignment – Should the video be floated to the left, the right, or be centered?

Video Source – Choose an available source for the video. Options include vimeo, youtube, kickstarter, viddler, vine, wistia, instagram, dailymotion, and self-hosted.

Video ID – The video ID can be found within your video URL and typically looks something like s8J2Ge4. Always use the full video URL for Viddler videos.

Video (if self as Video Source) – This is only used if you are hosting the video yourself. Be sure to set the Video Source (above) to self to use this option.

Video Loop (if self as Video Source) – Causes the video to loop/repeat. Only usable for self-hosted videos.

Autoplay (if self as Video Source) – Should the video automatically start playing? Only usable for self-hosted videos.

Video Controls (if self as Video Source) – Hide or show the controls for the video player. Only usable for self-hosted videos.

Start Video When in View (if self as Video Source) – When set to on, the video will start playing automatically once scrolled into view. Only usable for self-hosted videos.

Stop Video When Out of View (if self as Video Source) – Used together with the option above, this option, when set to on, will stop the video player from playing once scrolled out of view. Only usable for self-hosted videos.

Caption – Optional video caption which is displayed underneath the video.

Advanced Options Overview

These advanced settings do not have a selectable option in the editor but we are listing them here for advanced users. We highly advise not adjusting these values unless you know what you are doing. If you choose to edit them, you may edit inline within the output shortcode.

vidwidth = “” – Set to preserve aspect ratio of the video.

vidheight = “” – Set to preserve aspect ratio of the video.

note vidwidth and vidheight can be obtained by getting the width and height values from your embed. Because each video is different, these values will be unique based on your video.