How do I get the embed (iframe) code for a Vimeo video?

If you want to add a Vimeo video to your event website, Exhibitor Zone, or any area that accepts embed code, you will usually need the Vimeo embed iframe code. This guide explains how to find and copy it, plus how to add it to your website in ShowOff (our CMS).

Before you start

• You must have the Vimeo video URL (and the video must be available to view).

• If the video is set to private, you may not be able to embed it unless you have permission or the owner has allowed embedding.

• Some Vimeo videos have embedding disabled or restricted to specific domains. If so, you will not be able to embed it in your site until the owner updates their settings.

Step 1: Get the embed code from Vimeo (desktop recommended)

1. Open the Vimeo video in your browser.

2. Select Share (usually shown as a paper-plane icon).

3. In the share panel, find the Embed section.

4. (Optional) Choose your embed settings, if available:

   • Video size (width and height)

   • Autoplay, loop, muted

   • Hide title or byline (depends on the owner’s settings)

5. Select Copy to copy the full iframe embed code.

The embed code will look similar to this:

<iframe src="https://player.vimeo.com/video/VIDEO_ID" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Step 2: Add the Vimeo embed code to your website in ShowOff (CMS)

1. Grab the embed code using the steps above.

2. In ShowOff, open the page or panel where you would like the video to appear.

3. Insert the Third Party Code widget.

4. Paste the Vimeo embed code into the widget.

5. Select Save (and publish if your workflow requires it).

Adjusting the width and height of the video

You can control the size of the embedded video by editing the width and height values in the iframe code.

Example:

<iframe src="https://player.vimeo.com/video/VIDEO_ID" width="800" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Tips for sizing

• A common widescreen ratio is 16:9.

• If you change the width, update the height to match the ratio.

Example 16:9 sizes:

• 640 x 360

• 800 x 450

• 960 x 540

Making the video responsive (recommended for mobile)

If your widget supports it, you can remove fixed widths and let it scale to the container.

A common approach is:

• Set the iframe width to 100%

• Keep a suitable height (or use a responsive container if available)

Example:

<iframe src="https://player.vimeo.com/video/VIDEO_ID" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Common issues

I do not see an “Embed” option

This is usually because:

• The video owner has disabled embedding

• The video is private or has restricted sharing settings

• Your account does not have permission to view/share the video

The video shows an error, or does not load on my site

Common causes include:

• Embedding is disabled for the video

• Domain-level restrictions are enabled (the video can only be embedded on approved websites)

• The video is behind a privacy setting that prevents public playback

If you own the Vimeo video, check the video’s Privacy settings in Vimeo and ensure embedding is allowed (and add your domain if domain restrictions are enabled). If you do not own the video, you will need to ask the video owner to update these settings.

The video appears, but it is the wrong size

This is usually due to mismatched width and height values. Update the iframe size (and keep a 16:9 ratio if you want a standard widescreen layout).