lanhe
lanhe

Reputation: 13

how to embed youtube live chat page with dark theme in my website

I want to embed youtube live chat page into my website. And I successfully implemented it with the following code.

<iframe src="https://www.youtube.com/live_chat?v=xxxxxx&embed_domain=localhost" frameborder="0"></iframe>

The default theme is light, but my website use dark theme.

I know Youtube has two themes including light and dark, so I want to change the theme of the embedded live chat page.

I tried to add 'theme=dark' on url but it not works.

So is there any way to do this?

Thanks.

Upvotes: 1

Views: 4213

Answers (2)

Ladislav Janeček
Ladislav Janeček

Reputation: 139

Now, you can add parameter to the URL address dark_theme=1

https://www.youtube.com/live_chat?v=xxxxxx&embed_domain=localhost&dark_theme=1

Upvotes: 5

rofavadeka
rofavadeka

Reputation: 587

Perhaps a bit of a hack. When you go to gaming.youtube.com, youtube automatically switches to "dark mode". This also applies to the embedded chat. So this should do the trick:

<iframe src="https://gaming.youtube.com/live_chat?v=xxxxxx&embed_domain=localhost" frameborder="0"></iframe>

Edit: Embedding the chat does not work for modern browsers. More info can be found here: How to embed youtube livestream chat

Upvotes: 0

Related Questions