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!