Embed a YouTube Video

Tip: Upload videos directly
You can upload mp4 or webm video files (up to 1GB each) directly to the editor and place them on your page.

Limitations on embedding YouTube videos

There are a few limitations when using YouTube videos.

The title and playback bar appear when the video loads or when you hover over it.
Autoplay on mobile devices is restricted by YouTube's specifications. It only works on desktop.
When autoplaying YouTube or Vimeo videos with sound, browser policies may prevent the audio from playing.
For example, Chrome requires specific conditions for autoplay with sound. If those conditions aren't met, the audio won't play, even if you add parameters like autoplay=1&muted=0 to your code.

References:
- Autoplay and looping embedded videos | Vimeo Help Center
- Chrome's autoplay policy | Blog | Chrome for Developers
Alternatives:
Studio.Design can't override browser restrictions, but you can consider these two options:
1. Autoplay without sound (muted)
2. Skip autoplay and show the playback bar so visitors can press play themselves

Open YouTube and copy the watch page URL from the address bar of the video page.
(Example: https://www.youtube.com/watch?v=xxxx)

Note: URLs in the "https://youtu.be/xxxx" format won't embed correctly.

Select the YouTube box (Embed box) you added in step (1).
On the right panel, select the [Embed] tab. If the right panel is closed, open it.
Delete the URL in the [Video URL] field and paste the URL you copied in step (2).
Open the live preview URL to check that it works.
If you're editing a published site, update the site. Changes won't appear until you update. If your changes don't show up in the editor, try refreshing (reloading) your browser.

By editing the embed code, you can customize how the video looks and plays.

Here's how to hide the play button and playback bar, and enable autoplay and looping.

Edit the code below.
Replace the two instances of xxxx with the ID of the video you want to embed (the xxxx part of watch?v=xxxx in the URL).

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

Note that the YouTube logo will still appear with this code.
Select the YouTube box (Embed box) you placed on the page.
On the right panel, select the [Embed] tab. If the right panel is closed, open it.
In the [Embed Code] input field, click [Open Editor].
On the left side of the [Edit Embed Code] screen, delete the existing text, paste the code you copied in step 1, and click [Save].
If you're editing a published site, update the site. Changes won't appear until you update. If your changes don't show up in the editor, try refreshing (reloading) your browser.