Skip to main content
All CollectionsThe Design EditorVev LibraryElements
Add a video from a third-party source
Add a video from a third-party source

Learn how to configure Youtube, Vimeo, and JW Player components.

Jørgen Wigum Lurvik avatar
Written by Jørgen Wigum Lurvik
Updated yesterday

Easily add videos from YouTube, Vimeo, and JW Player to your Vev project. Follow these steps to seamlessly embed videos and make your web pages more engaging.

Configuring third-party video components

To access settings for any third-party video component, double-click it on the canvas and go to the Properties tab on the right. Below, you'll find the available settings for each.

Settings

YouTube

Parameter

Options

YouTube URL

Insert the URL from YouTube to embed the video.

Autoplay

Toggle on to play the video automatically when it scrolls into view.

Hide controls

Toggle on to hide the player controls.

Hide fullscreen

Toggle on to hide the fullscreen option.

Loop video

Toggle on to continuously play the video.

Lock aspect ratio

Toggle on to lock the video proportions.

Vimeo

Parameter

Options

Video URL

Insert the URL from Vimeo to embed the video.

Autoplay

Toggle on to play the video automatically when it scrolls into view.

Lazy load

Toggle on to allow the video to be loaded at the moment of need.

Mute auto

Toggle on to turn off the audio.

Hide controls

Toggle on to hide the player controls.

Loop

Toggle on to continuously play the video.

Use as background

Toggle on to use the video as a background element.

JW Player

JW Player is a custom video player, so its settings may differ from your JW configuration.

Parameter

Options

Enter embed URL

Add the video URL from JW.

Mute

Toggle on to turn off the audio.

Autoplay

Toggle on to play the video automatically when it scrolls into view.

Loop

Toggle on to continuously play the video.

Show controls

Toggle on to show the controls of the default player.

Display title

Toggle on to display the video title.

Display description

Toggle on to display the video description.

Video tracking name

Insert the tracking URL of the video.

Stretching

Select how the video should stretch within its container,

Custom interactions for YouTube and Vimeo

The YouTube and Vimeo components have custom interactions for a more immersive experience. Below are the unique triggers and actions for the YouTube component.

Trigger

Definition

On play

When the video starts playing it initiates an action in the target

On pause

When the video pauses it initiates an action in the target

On end

When the video ends it initiates an action in the target

On play time

When the video reaches a set time in the video it initiates an action in the target

Action

Definition

Play

The video starts playing

Restart

The video restarts

Toggle play

The video toggles video play (if playing, then stops playing or vice versa)

Pause

The video pauses

Mute

The video mutes

Unmute

The video unmutes

Toggle sound

The video toggles sound (if unmuted, then mutes the sound or vice versa)

Tip: Don't see a video source you need? Use our "Embed Anything" component to integrate your video source of choice into your project!

Did this answer your question?