All Collections
Streaming Platforms
Streaming to YouTube
Embedding YouTube Broadcasts and Live Chat
Embedding YouTube Broadcasts and Live Chat

How to embed a YouTube broadcast and live chat into a website.

Updated over a week ago

A YouTube broadcast and YouTube live chat can be embedded into your website. Here are some quick steps to set this up. To embed the broadcast:

  1. First, schedule the YouTube broadcast in Ecamm Live.

  2. Once the broadcast has been scheduled, click the YouTube channel icon in the Upcoming list in Ecamm Live's main window, and pick Go to Watch Page.

  3. On the YouTube watch page for the broadcast, click the share button and then click Embed.

An embed URL looks like this:
https://www.youtube.com/embed/3t0YQ1gN8E

Embed HTML looks like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/3t0YQ1gN8E" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

The properties in the IFRAME tag, including width, height, and autoplay can be customized as needed.

Embedding YouTube Live Chat

The live chat stream can also be embedded. The process is similar, with an important difference. The embed URL from YouTube contains an embed_domain parameter, which must be set to match your website's URL exactly.

https://www.youtube.com/live_chat?v=VIDEO_ID&embed_domain=YOURDOMAIN.COM

Important: Change the video ID to your video, and YOURDOMAIN.COM to match the exact domain in your address bar when visiting your site. This should include any subdomain such as www.

Insert this into an IFRAME like this example, setting the width and height as needed.

<iframe width=700 height=200 src="https://www.youtube.com/live_chat?v=zFQFquAw74o&embed_domain=YOURDOMIAIN.COM"></iframe>

Did this answer your question?