Learn how to enhance your Vev project by seamlessly integrating videos from third-party sources. Embedding videos can add depth and engagement to your web pages. Follow these steps to effortlessly incorporate videos from platforms like YouTube, Vimeo and JW Player into your Vev project.
Configuring third-party video components
For all the third-party video components, you find the available settings by double-clicking the component on the canvas and heading over to the Properties tab on the right side. Below, you can learn which settings are available to 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
Note: JW player is a custom video player. These settings might differ from your player configuration in JW.
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 component has custom interactions to make your video more immersive. Below you can find what triggers and actions are custom to 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 umutes |
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!