as of August 2016 you must have monetization enabled and an approved AdSense account linked to your YouTube account to embed the video on your own website.





Why embed your livestream video and live chat on your blog?

People can not only watch your livestream video and live chat, but also leave blog post comments that remain beyond the broadcast

You can post supplemental information and links related to your livestream for viewers

If you stream using multiple platforms your blog is the place where fans can always find your latest broadcast

Your blog is a single home for your content, where people can find your archived broadcasts, other videos and articles

Note: AdSense does not allow ads to be displayed on pages where "dynamic content" such as live chats is the "primary focus". It is probably best to not display AdSense ads on the page while the YouTube live chat is active. Learn more in the AdSense Help Center.

What happens when the livestream is over?

How to embed a YouTube livestream video and live chat on your blog

* How to embed a YouTube livestream video

The embedded video shows the channel art before the Live event.

When visitors click the embedded video they will see a countdown to the event.

(See the live example at the bottom of the page)

click the Embed tab adjust the settings for the embedded player (player size, related videos and other settings) copy the embed code create a new blog post and switch to HTML mode (or open your website's HTML editor) paste the embed code into your post or website and save the changes





* How to embed a YouTube live chat



To comment as a different channel, switch identities on YouTube

(See the live example at the bottom of the page)



Embedding



The live chat URL:



https://www.youtube.com/live_chat?v=<your video ID>&embed_domain=<your blog domain>



You need to customize the URL with your video ID and blog domain, then



1. Open your blog post with the video embed code and switch to HTML mode



I don't recommend editing the HTML in Microsoft Office or other word processor as that can add extraneous code.



2. Find the live broadcast video ID from the video embed code



The video embed code looks like this (video ID is highlighted):



<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/ObGlJ4q5y_w" width="480"></iframe><br />



The video ID is also the last part of the video URL:

https://www.youtube.com/watch?v=ObGlJ4q5y_w



The video ID in this example is ObGlJ4q5y_w



3. Find the domain of blog or website where the live chat will be embedded



The domain is the root URL of your blog or website, without any / or other characters.



For example, here is a link to this post:



http://www.peggyktc.com/2016/05/embed-livestream-and-chat.html



The domain in this example is www.peggyktc.com



4. Construct the live chat URL



Replace <your video ID> and <your blog domain> with the actual video ID and domain.



https://www.youtube.com/live_chat?v=<your video ID>&embed_domain=<your blog domain>



In the example here the URL would be:



https://www.youtube.com/live_chat?v=ObGlJ4q5y_w&embed_domain=www.peggyktc.com



Note: be sure not to add any spaces or extra characters!



5. Create an iframe using the video embed code as an example



You can use the same iframe code for the video and chat, as long as you replace the embedded video URL with the live chat URL.



- Paste a copy of the video embed code into your post



Example of video embed code with the video URL highlighted:



<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/ObGlJ4q5y_w" width="480"></iframe><br />



- Replace the video URL with the live chat URL



Note: do not delete the quote marks " " and make sure you do not introduce any spaces or extra characters!



Example with the live chat URL inserted:



<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/live_chat?v=ObGlJ4q5y_w&embed_domain=www.peggyktc.com" width="480"></iframe><br />



You can adjust the



6. Publish your post

The embedded live chat will not display when previewing your blog post. Double check the published post to make sure it posted properly.



Note that the live chat will disappear once the Live Event is over.



>> Learn more about YouTube Live Chat <<

>> Learn more about embedding YouTube Live chat <<



* How to embed non-YouTube livestream videos

There are number of alternatives to YouTube for live broadcasting. Most offer an option to embed the video on your own website. The notable exception is Periscope.

Blab (Blab shut down in August 2016)

(Blab shut down in August 2016) DailyMotion

Facebook

Periscope

Twitch * more detailed parameters and instructions

UStream Replace and with the actual video ID and domain.https://www.youtube.com/live_chat?v=&embed_domain=In the example here the URL would be:Note: be sure not to add any spaces or extra characters!You can use the same iframe code for the video and chat, as long as you replace the embedded video URL with the live chat URL.Example of video embed code with the video URL highlighted:

Note: do not delete the quote marks " " and make sure you do not introduce any spaces or extra characters!Example with the live chat URL inserted:

You can adjust the iframe parameters such has height and width to make the chat box larger or smaller.The embedded live chat will not display when previewing your blog post. Double check the published post to make sure it posted properly.Note that the live chat will disappear once the Live Event is over.There are number of alternatives to YouTube for live broadcasting. Most offer an option to embed the video on your own website. The notable exception is Periscope. * How does the embedded video and chat look? Embedded video



Embedding YouTube live chat on your website is bit trickier than embedding a video as it requires manual HTML editing.The live chat URL:You need to customize the URL with your video ID and blog domain, then create an iframe to display the chat. The easiest way to do that is to first add the video embed code and then modify that to embed the chat.I don't recommend editing the HTML in Microsoft Office or other word processor as that can add extraneous code.The video embed code looks like this (video ID is highlighted):

The video ID is also the last part of the video URL:https://www.youtube.com/watch?v=The domain is the root URL of your blog or website, without any / or other characters.For example, here is a link to this post:http:///2016/05/embed-livestream-and-chat.html







