All Collections
The Design Editor
Components
Vev elements
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 this week

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.

YouTube

Settings

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

Settings

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

Settings

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,

Pro 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?