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

If you want to add a YouTube video to your event website, Exhibitor Zone, or any area that accepts embed code, you will usually need the YouTube 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 YouTube video URL (and the video must be available to view).

• If the video is set to Private, it cannot be embedded for most viewers.

• Some videos have embedding disabled by the uploader. If so, you will not be able to embed it.

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

1. Open the YouTube video in your browser.

2. Select Share (below the video).

3. Select Embed.

4. (Optional) Choose your embed settings:

   • Start at (set a start time if needed)

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

The embed code will look similar to this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

Step 2: Add the YouTube 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 YouTube 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 width="800" height="450" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 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 heights:

    • 560 x 315

    • 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 width="100%" height="450" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

Common issues

I do not see the “Embed” option

This is usually because:

• The video owner has disabled embedding

• The video is private, age-restricted, or restricted

The video shows “Playback disabled” or does not load

The uploader has likely disabled embedding. You will need to ask the video owner to enable embedding in YouTube Studio, or use a different video.