Skip to main content

Embed Vimeo videos

Embed the videos published on Vimeo

Updated over a week ago

Embed Vimeo videos

With Studio.Design, you can use the Embed Box to display videos as your main visual or as a background. This guide explains how to embed a video published on Vimeo into Studio.Design.

Learn about the basic usage of embed boxes here.

Tips: You can upload videos in mp4 or webm format (up to 1GB per file) directly into the Studio.Design editor and place them right onto your page.

For more details, check out Video Box: Features and How to Use It.

Please note: Each Studio.Design plan has its own storage limits for files uploaded to the editor. Learn more about storage limits for each plan before uploading your videos.

1. Add code box from the Add panel

Open the Add panel and go to the Box menu, and click or drag the Vimeo iframe box to the screen to place.

2. Enter the video URL

You can embed the video you want by entering the Vimeo URL (it should be like 'https://vimeo.com/xxxx') to the Video URL filed on the Embed Code tab.

Autoplay & Loop play

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

Here, we will introduce the typical customized code that makes the video autoplay and loop play.

Replace the [ID] part of the code below with the ID of the video you want to embed (the vimeo.com/xxxx part of the URL), and enter it directly into the "Embed Code" field.

<iframe src="https://player.vimeo.com/video/[ID]?muted=1&autoplay=1&loop=1"width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow=autoplay></iframe>

If the autoplay parameter is in the URL, the Vimeo player will start playing automatically. However, autoplay may be blocked in some browsers. For more information, please refer to the following official Vimeo article.

※To customize video settings such as hiding menus and banners, you will need to use a paid plan.

※To embed a Vimeo video as a background with the tools menu hidden, you will need the [?background=1] parameter available in the paid plan.

Related Articles

video play mp4 mov movie

Did this answer your question?