All Collections
Editor
Embed box
Embed YouTube videos in iframes
Embed YouTube videos in iframes

Embed the videos published on YouTube

STUDIO Support avatar
Written by STUDIO Support
Updated over a week ago

Learn about the basic usage of embedded boxes here.

Embedding YouTube Videos

While STUDIO does not allow you to upload videos directly, you can embed uploaded videos to YouTube or Vimeo into your site.

In the box setting panel of the Youtube box, there is a video URL column.

https://www.youtube.com/watch?v=xxxx

Embed any video by entering the Youtube page URL.

* If you enter a URL in the format https://youtu.be/xxxx (the URL of the video itself), embedding will not work. Be sure to copy the URL of the play page from the address bar of the video page.

Auto & Loop Play

A YouTube video embedded simply by using the "Video URL" field will have a play button and a play bar.

A typical customization is to hide them in the embed code format so that the video plays and loops automatically.

To achieve this, replace the two parts of the xxxx with the ID of the video you want to embed (watch?v=xxxx in the URL) and enter the ID directly in the "Embed Code" field.

<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxx?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1&amp;loop=1&amp;playlist=xxxx&amp;mute=true" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Due to Auto-play Restrictions by YouTube, Auto-play of YouTube videos won't work in all mobile environments.

Did this answer your question?