This article is also available in:

How to Embed a Video on Your Website

To get your video's embed code and add it to your page, go to "My Videos", click the three dots next to the video, and select "Copy embed code":

Next, a window will appear. The JS code will be selected by default, which is the format we recommend. Click the copy icon in the top-right corner:

The JS embed code will be copied, and you can now use it on your website!

Tip: You can define your video's width directly in your page builder. If you prefer, we have a code to help you:

<div style="max-width: 500px; margin:0 auto"> EMBED </div>

You need to insert the video's embed where "embed" is written and change the 500px to the maximum allowed width. We recommend keeping it at 500px!

Responsive Video for Mobile and Desktop

If you want to display different videos on mobile and desktop devices, you can use the Responsive Video feature, which allows you to use the same embed code for two different videos.

To set it up, simply follow these steps:

In the Embed window, locate the "Responsive Video" option. This allows you to use different versions for mobile and desktop devices.

After enabling this option, the Embed window will be displayed as follows:

Then, simply select the second video. The final result will look like this, with both videos displayed in the same embed:

Recommended Formats for Mobile and Desktop

When you select a video, our system automatically identifies whether it is landscape (16:9) or vertical (9:16).

The 16:9 format is the standard and is ideal for desktop devices, while mobile devices benefit more from vertical videos (9:16).

Although there are no mandatory size requirements, choosing the right format affects the viewer's experience and can impact conversion rates. That's why we recommend using the appropriate format to provide the best experience across all devices!

Final Adjustments

When you enable the option for different video versions, the embed code will change!

Make sure to copy the new embed code generated and use it on your website.

By following these steps, you can customize how your videos are displayed and provide an optimized viewing experience across different devices!

Don't forget to add your domain(s) under the Security section to provide an extra layer of protection for your VSLs.

Below, you'll find related articles about some of the most commonly used page builders, as well as more information about the difference between JS Code and Iframe:

Learn how to use VTurb with your preferred page builder.

Difference between JS Code and Iframe

Updated on: 10/02/2026

Was this article helpful?

Thank you!