How to add YouTube/Vimeo videos to website

This manual shows how to correctly add videos from Youtube or Vimeo on your site.

YouTube, Vimeo, and other video hosts make it easy to embed their players in your own website.

In this short tutorial, we'll show you how to add YouTube, Vimeo, and other videos to your site correctly.

For displaying videos you need to use the "Video Player" WP Bakery element on your site.

If you want to use videos from Youtube site, you need to copy the embed link without HTML tags and put the link to the "Video link" area which is located under the "Video Player" element settings.

Youtube videos

To get the embed link of youtube videos, open the video page and press to the "Share" button and open the "Embed" option.

On this window copy the source link from the Embed code and it should be like below:

https://www.youtube.com/embed/X4FaNJy0hVg?controls=0

Finally, put the embed link to the Video link area and press to the "save changes" button.

Besides that, you can define the video size and thumbnail image also from the player settings.

Vimeo videos

For embedding Vimeo videos just use the Vimeo embed link on the video link area. To get the embed link of a Vimeo hosted video, open the page and press to the "Share" button which is located on the top right of the player and copy the embed source link from HTML code.

The copied link should be like below:

https://player.vimeo.com/video/85914334

And as a result, you will get a page with a video like that:

Last updated