Lite Video

Lite Video provides LiteYouTube and LiteVimeo components that look like standard embeds, but are approximately 224x faster, leading to better performance.

Important

These components have great performance because they don’t load until they are clicked. Because of this, some features like autoplay do not work. If you need a more customizable video player, use our CustomVideo component.

Install/Update Lite Video

LiteYouTube

Lite YouTube Embed

Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224× faster.

Adding a LiteYouTube Component

Insert i a LiteYouTube component into your composition.
Set the videoId property to the id of your video. You can find the video ID in the URL of your video. E.g., in https://www.youtube.com/watch?v=dQw4w9WgXcQ, the ID would be dQw4w9WgXcQ.

LiteYouTube Properties

videoId (required) - The YouTube video ID. E.g., dQw4w9WgXcQ.
title - Display a title prior to loading.
playLabel - A visually hidden label for the play button for accessibility.
forceCaptions - Force captions to be shown, even if the visitor's preference is for them to be off.
color - Color of the progress bar. Can be red or white.
showControls - Show video controls.
disableKeyboard - Disable keyboard control.
end - Time in seconds when the player should stop playing.
fullScreenButton - Show fullscreen button.
start - Time in seconds when the player should start playing.
mute - Whether the video should be muted.

LiteVimeo

Lite Vimeo Embed

Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224× faster.

Adding a LiteVimeo Component

Insert i a LiteVimeo component into your composition.
Set the videoId property to the id of your video. You can find the video ID in the URL of your video. E.g., in https://vimeo.com/51551363, the ID would be 51551363.

LiteVimeo Properties

videoId (required) - The YouTube video ID. E.g., 51551363.