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

GitHub - paulirish/lite-youtube-embed: A faster youtube embed.

A faster youtube embed. Contribute to paulirish/lite-youtube-embed development by creating an account on GitHub.

https://github.com/paulirish/lite-youtube-embed?tab=readme-ov-file#lite-youtube-embed-

GitHub - paulirish/lite-youtube-embed: A faster youtube embed.

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

GitHub - luwes/lite-vimeo-embed: 🎥 A faster Vimeo embed.

🎥 A faster Vimeo embed. Contribute to luwes/lite-vimeo-embed development by creating an account on GitHub.

https://github.com/luwes/lite-vimeo-embed?tab=readme-ov-file#lite-vimeo-embed

GitHub - luwes/lite-vimeo-embed: 🎥 A faster Vimeo embed.

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.