Learn how to embed a video from Vev using third-party platforms such as YouTube, Vimeo, or JW Player.
Configuring third-party video components
To configure a third-party video component in Vev:
On your canvas, double-click the video component you want to edit.
In the right-hand Properties panel, you will see all configurable settings for that component. help.vev.design
The settings available will differ depending on which video source you are embedding (YouTube, Vimeo or JW Player).
Settings
YouTube
When embedding a YouTube video, these are the available settings:
Parameter | What to set / explanation |
YouTube URL | Paste the full YouTube video URL to embed. |
Autoplay | Toggle ON if you want the video to play automatically when it scrolls into view. |
Hide controls | Toggle ON to remove playback controls (play/pause, timeline) from the video. |
Hide fullscreen | Toggle ON to prevent the fullscreen option from appearing. |
Loop video | Toggle ON if you want the video to continuously replay. |
Lock aspect ratio | Toggle ON to maintain the original height:width ratio of the video container. |
Vimeo
When embedding a Vimeo video, the following settings apply:
Parameter | Explanation |
Video URL | Paste the full Vimeo video URL to embed. |
Autoplay | Toggle ON to play the video automatically when visible. |
Lazy load | Toggle ON to defer loading the video until needed (improves performance). |
Mute auto | Toggle ON to have the video start muted by default. |
Hide controls | Toggle ON to remove playback controls from the viewer. |
Loop | Toggle ON to enable continuous replay of the video. |
Use as background | Toggle ON to use the video as a background element behind other content. |
JW Player
When embedding a video via JW Player, use these settings:
Parameter | Explanation |
Enter embed URL | Paste the embed URL provided by your JW Player account. |
Mute | Toggle ON to start the video muted by default. |
Autoplay | Toggle ON to play the video automatically when it comes into view. |
Loop | Toggle ON to have the video repeat continuously. |
Show controls | Toggle ON if you want standard UI controls (play/pause, volume) from JW Player to appear. |
Display title | Toggle ON to show the video title in the player UI. |
Display description | Toggle ON to show the video description in the player UI. |
Video tracking name | Enter a custom tracking identifier for analytics/reporting. |
Stretching | Choose how the video should fill or stretch within its container (e.g., fit, fill, cover). |
JW Player is a custom video player, so its settings may differ from your JW configuration.
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.
You can configure interactive triggers and actions for the YouTube and Vimeo components to create more advanced behaviour. help.vev.design
Triggers (events that initiate an action):
On play — when the video begins playing
On pause — when the video is paused
On end — when the video finishes
On play time — when the video reaches a specific timestamp
Actions (responses to those triggers):
Play — start the video
Restart — go back to the beginning and start again
Toggle play — if playing, pause; if paused, play
Pause — stop the video
Mute — switch audio off
Unmute — switch audio on
Toggle sound — mute/unmute based on current state
Use these triggers and actions to coordinate the embedded video with other elements on your page (e.g., animations, visibility changes, or navigation events).
What If My Video Source Is Not Supported?
If you do not see your desired video hosting platform listed (for example, a lesser-known video service), you can still embed it using the “Embed Anything” component in Vev.
Add the “Embed Anything” component to your canvas.
Insert the embed code (HTML iframe or script) provided by your video service.
Configure the component size, aspect ratio, and whether it should load lazily or autoplay.
Tip: Don't see a video source you need? Use our "Embed Anything" component to integrate your video source of choice into your project!