---
title: "YouTube Integration - EngageBox"
description: "To create a YouTube Video Popup with EngageBox you need to use the iFrame box type which makes it easier to fetch the content of an external URL like"
url: "https://www.tassos.gr/docs/engagebox/integrations/media-hosting/youtube"
date: "2026-04-06T20:32:30+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ EngageBox ](https://www.tassos.gr/index.php?option=com_content&view=category&id=35) / [ Integrations ](https://www.tassos.gr/index.php?option=com_content&view=category&id=55) / [ Media Hosting ](https://www.tassos.gr/index.php?option=com_content&view=category&id=110)

#  YouTube Integration

 YouTube Integration is available in Pro  Unlock this and dozens of other powerful features by upgrading to EngageBox Pro.

 [ Unlock this feature ](https://www.tassos.gr/joomla-extensions/engagebox/subscribe)

To create a YouTube Video Popup with EngageBox you need to use the iFrame box type which makes it easier to fetch the content of an external URL like YouTube, Google Maps or even a Joomla article.

## [Step 1: Find the YouTube Video Embed URL](#step-1-find-the-youtube-video-embed-url)

Visit YouTube, find the video you'd like to embed and click on the "Share" button below the video player. Then click on the "Embed" button and copy the only the URL from the embed code.

![Create a YouTube video popup for Joomla](https://www.tassos.gr/images/youtube1.png)

## [Step 2: Create an iFrame Box Type](#step-2-create-an-iframe-box-type)

Go to Components -> EngageBox and click to create a new box.

![Create a YouTube video popup for Joomla](https://www.tassos.gr/images/youtube_video_embed.png)

- Set box's type to **iFrame** in the respective dropdown at the right side.
- Paste the YouTube iFrame URL you copied in the previous step into the **URL** field.
- Enable the **Remove on close** option if you don't want the video to continue playing after it has been closed.

## [Make YouTube Video Autoplay](#make-youtube-video-autoplay)

To make the YouTube video autoplay when the popup is triggered, you need a couple of things.

1. Append **?autoplay=1&mute=1** to the iFrame URL
2. Add **allow="autoplay"** to the iFrame HTML Attributes option

 YouTube Integration is available in Pro  Unlock this and dozens of other powerful features by upgrading to EngageBox Pro.

 [ Unlock this feature ](https://www.tassos.gr/joomla-extensions/engagebox/subscribe)

 Last updated on Jul 7th 2025 09:07

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Home",
            "item": "https://www.tassos.gr/docs"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "EngageBox",
            "item": "https://www.tassos.gr/docs/engagebox"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Integrations",
            "item": "https://www.tassos.gr/docs/engagebox/integrations"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Media Hosting",
            "item": "https://www.tassos.gr/docs/engagebox/integrations/media-hosting"
        },
        {
            "@type": "ListItem",
            "position": 6,
            "name": "Create a YouTube Video Popup",
            "item": "https://www.tassos.gr/docs/engagebox/integrations/media-hosting/youtube"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/engagebox/integrations/media-hosting/youtube"
    },
    "headline": "Create a YouTube Video Popup",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Tassos Marinos",
        "url": "https://www.tassos.gr/docs/engagebox/integrations/media-hosting/youtube"
    },
    "datePublished": "2015-07-31T09:09:48+03:00",
    "dateCreated": "2015-07-31T09:09:48+03:00",
    "dateModified": "2025-07-07T09:49:53+03:00"
}
```