“Show YouTube live chat on screen” can mean adding messages to the video your viewers watch, or displaying a separate chat panel on your website. For chat inside the video, use a third-party overlay in an OBS Browser source; for a website, use YouTube’s live-chat iframe workflow.
OBS does not directly supply a stream-chat overlay. The distinction matters: an OBS scene becomes part of the outgoing video, while a website iframe remains a separate element on your site. Choose the route based on where you want viewers to see messages.
Decide where chat should appear
Start with the destination. If you want viewers watching the YouTube stream itself to see messages over a devotional music loop, news presentation or study scene, the chat must be composited into the video before it reaches YouTube. An overlay widget provides the chat display, and your encoder scene places that display over the video.
If your aim is to let visitors to your own website watch the live video beside a live chat panel, that is a different setup. YouTube documents an iframe for embedding chat on a website. It does not turn the chat into an OBS overlay, and it does not add anything to the YouTube video for viewers elsewhere.
| Route | Where viewers see chat | What you set up | Main dependency |
|---|---|---|---|
| Overlay in OBS | Inside the outgoing stream video | A third-party chat overlay added as a Browser source | The overlay service and your encoder scene |
| YouTube chat iframe | On a page of your website | A YouTube live-chat iframe | A matching website domain and an embedded live video context |
A useful test is to ask whether a viewer opening the YouTube watch page should see the messages over the picture. If yes, you need an overlay in the video. If only visitors on your own site should see a chat panel beside a video, look at the iframe method instead.
The distinction also helps when planning a long-running channel. A scene might have a quiet background and a compact chat area, but chat is not a substitute for the underlying programme. For a continuous stream, keep the visuals and audio coherent even when chat is quiet; the advice in preventing quiet gaps between fireplace audio loops addresses one related continuity problem. The chat layer should add interaction without obscuring the main content.
Put chat in the stream video with an overlay
An on-video chat overlay is a web-based display supplied by a third-party widget or overlay service. You create or select a chat design there, then copy its overlay URL into your encoder as a browser-based scene element. OBS renders that page as part of the scene, so the chat appears in the broadcast picture sent to YouTube.
This route has two moving parts: YouTube’s live chat, where messages are posted, and the overlay page, which displays them in the scene. The overlay is not the YouTube chat window dragged onto the picture. It is a separate display that connects to or represents chat according to the provider’s setup. Check the provider’s current instructions for linking the correct YouTube channel or live chat, and review any available moderation or appearance controls before using it.
StreamElements is one documented example of a service with overlays that include chat. Its overlay documentation describes overlays, and its support instructions explain adding overlays to OBS Studio. This is an example of a documented workflow, not a claim that it is the only provider or the right choice for every channel. Provider interfaces and capabilities can change, so follow the current documentation rather than relying on old screenshots.
A typical sequence is to start or schedule the YouTube live stream so the live video and chat are available, then open your chosen overlay service and create or select a YouTube chat overlay. Copy the overlay URL that the service provides. In OBS, select the scene that will be sent to YouTube, add a Browser source, and paste that URL. Set the source dimensions and position for your layout, and put it above the background or video source it should cover.
Keep the design legible at the size viewers will actually see. A widget that looks readable on a large computer display may be too small after a viewer watches on a phone. Avoid placing it over subtitles, faces, a puja altar or key information in a local-news loop. If your stream has multiple scenes, add the source to the scenes that need it or create a shared arrangement that behaves consistently; do not assume one scene’s source automatically appears everywhere.
Overlay controls differ. Some let you adjust colours, fonts, message limits or background appearance, while others may offer fewer choices. Consider how moderation is handled and whether a message remains visible long enough to read. Do not assume that an overlay filters every unsuitable message or that a transparent background will behave exactly as expected in every encoder; check the provider’s guidance and preview the result.
There is also a practical trade-off: an overlay adds a browser-based element to the scene, so you need to maintain the widget URL and layout as part of your stream setup. If chat is not important to the viewing experience, leaving it off can make a simple 24/7 picture easier to read. If a person is not present to moderate a long-running channel, think carefully about whether displaying public messages is appropriate for the content and audience.
Add the overlay as an OBS Browser source
OBS’s Browser source displays a web page within a scene. The OBS sources guide identifies browser pages and chat boxes among its uses. In this workflow, the overlay service supplies the page; OBS supplies the scene placement and compositing. The source is not a built-in YouTube chat connection that OBS creates for you.
In OBS, choose the target scene in the Scenes panel. In Sources, add a Browser source, either as a new source or by selecting an existing one if you intend to reuse it. Give it a clear name such as “YouTube chat overlay”, then enter the URL from the overlay service. The labels may vary as OBS versions change, but the essential action is to add a Browser source and point it at the overlay page.
Set the source’s width and height to suit the overlay design and the scene canvas. Place it where messages will be visible without covering the programme. In the source stack, a source higher in the list is generally drawn over sources beneath it, so the chat layer needs to sit above the background or video it should overlay. Use the preview to adjust its position and size rather than judging from the URL or a settings window alone.
Some overlay pages are designed with a transparent background, but the exact appearance depends on the widget and its settings. If you see an unwanted solid box, check the provider’s overlay configuration first. If the page is blank, confirm that the copied URL is complete, the stream and chat are available, and the overlay is configured for the intended YouTube channel or broadcast. Re-copying a URL after changes may be necessary if the provider has generated a different overlay page.
Treat the overlay URL as part of your production setup. Keep a note of which scene uses it, and avoid sharing any private dashboard links or credentials. The URL itself may reveal or control a particular overlay, depending on the provider; use the provider’s account and sharing guidance. When you revise a scene, check that you have not accidentally hidden the source, placed it beneath an opaque video layer or left it in a scene that is not actually live.
For a channel that runs a pre-recorded video loop, chat remains an extra scene layer rather than a change to the source video file. You can keep the underlying video and overlay separate, which makes it easier to adjust chat placement without editing the programme. If you are deciding how the video itself is delivered, the guide to looping from an external SSD covers a separate source-storage question; it does not replace the overlay setup.
Understand OBS’s built-in chat limitation
OBS does not directly provide facilities to show stream chat in the stream video. Its official stream chat FAQ makes this limitation clear and points to third-party chat overlays that can be embedded with a Browser source. That is why instructions saying simply “add YouTube chat in OBS” can be misleading: OBS is the place where you add and arrange the overlay, not the provider of that overlay.
OBS may show chat-related panels or docks for the person operating the software. Those are useful for reading or managing chat while producing a stream, but a panel in the OBS interface is not necessarily a source in the outgoing scene. A viewer will not see an operator’s dock just because it is open on the streaming computer. To put messages in the actual video, add a source that belongs to the scene.
This also explains why a YouTube live-chat pop-out or an arbitrary browser window should not be treated as a finished overlay recipe. A window can be useful to the operator, but displaying it as capture may include browser controls, account details or unrelated interface elements. A purpose-built overlay is intended to provide the page or widget that goes into the scene. Follow its instructions and inspect the output before going live.
For long-running broadcasts, the distinction between the scene and the operator’s controls is especially important. A stream can continue showing the video while the person who started it is away, but an operator-only chat panel does not become part of that video. If you are choosing whether to keep an encoder computer running for a continuous loop, what happens if OBS crashes during a church sermon stream is relevant to the separate question of relying on a local OBS session. It does not change OBS’s chat-overlay limitation.
Embed chat on a website instead
If you want chat on your own website, YouTube’s documented approach is a live-chat iframe. This is useful when your site hosts a page for a live event and you want visitors to see a chat panel there. It is not a recipe for adding chat to the YouTube stream video, and it should not be pasted into OBS as though it were a general overlay widget.
YouTube’s live chat embedding help describes using the live video ID and the domain of the page hosting the iframe. The URL takes this form:
https://www.youtube.com/live_chat?v=VIDEO_ID&embed_domain=YOUR_DOMAIN
Replace VIDEO_ID with the ID from the live watch-page URL and YOUR_DOMAIN with the domain on which the page containing the iframe will be served. The domain parameter must match the website domain; YouTube warns that chat will not open if it does not. Follow YouTube’s current directions for the page and iframe markup, as the exact site implementation depends on your web platform.
This route keeps the chat as part of a web page, not the broadcast picture. A visitor may see the live video embedded alongside chat on your own site, while a viewer on YouTube sees the stream as you transmitted it. The distinction is useful if you operate a channel site for Hindi and English programmes or a local business stream: decide whether the site experience is the goal, the YouTube watch-page experience is the goal, or both need separate arrangements. For a scheduled series, planning Hindi and English episodes for a 24/7 children’s stream is a related programming concern, separate from how a chat panel is embedded.
YouTube’s help says that embedded live chat is not available on mobile web. Do not assume the iframe will behave identically for visitors on every device or browser. Test the actual published page, and provide a clear route to the YouTube watch page if that is where a visitor can reliably join the conversation.
Check the live video iframe workflow
The YouTube iframe workflow depends on both the live video and the hosting page. First identify the live video ID from its watch-page URL. Then use the domain of the page where the iframe will appear, not a different domain where you happened to build or preview the page. A mismatch in embed_domain can prevent the chat from opening even when the video ID is correct.
For a site on a custom domain, confirm whether the page is served from the exact domain value entered in the iframe URL, including the relevant subdomain. If you preview a page on a staging domain and later publish it elsewhere, the iframe’s domain value may need to be changed. The YouTube help page is the authority for the current requirements; check it again if the chat panel stops working after a site move or a YouTube interface change.
Do not treat this website iframe as a shortcut for OBS. YouTube documents it for embedding live chat on a website, whereas OBS’s guidance for chat inside a stream video points to third-party overlays used as Browser sources. The two methods may both involve a browser rendering a page, but their purpose and context differ. A web page chat panel does not automatically become a transparent, appropriately sized scene element.
If your aim is to offer both experiences, plan them as two outputs: an overlay for the stream scene and an iframe for your site, if appropriate. Each should be tested in its intended destination. A correct website embed says nothing about whether the chat overlay is positioned properly in OBS, and a working OBS overlay does not establish that a website iframe has the correct domain value.
Test the result before streaming
Test the overlay in the OBS preview at the output canvas size you plan to stream. A desktop preview can hide problems that are obvious on a phone: small text, low contrast, messages crossing subtitles, or the main video becoming difficult to see. Check that the overlay is in the correct scene, above the intended content, and not covering titles or essential imagery.
If possible, use a controlled test broadcast or a scheduled test with a second account to confirm that a new message actually appears in the outgoing picture. Previewing a static overlay page only confirms that the page loads; it does not prove that the chat connection is pointed at the right live stream or that messages are being displayed. Be clear with viewers if you are testing publicly, and avoid using private information in sample messages.
Check the result in the YouTube player as well as in OBS. Confirm that the final stream picture contains the chat where expected and that the text remains readable at the size your audience will watch. If you use the website route, open the published page on the domain entered in embed_domain, then test it on a computer and a mobile device. YouTube’s documented mobile-web limitation means you should not assume the iframe chat will be available on phones.
Before a 24/7 channel returns to its normal schedule, decide what should happen when no messages arrive. A blank chat box can look unfinished, while a decorative panel taking up a corner can distract from music, prayer or ambience. You may choose to hide the overlay, use a restrained empty-state design if the widget supports one, or keep chat off when it does not serve the programme. These are editorial choices, not technical guarantees.
Keep a simple record of the overlay URL, scene name and any provider setting you changed. If a future update leaves the source blank, that record helps you trace whether the change came from the OBS scene, the overlay page or the live chat connection. Re-test after changing scenes, overlay design, video canvas dimensions, website domain or the channel’s live setup. A short check before the next broadcast is more useful than assuming an old preview still reflects the current configuration.
If maintaining an always-on encoder session is itself the part you want to avoid, StreamNeo can remove the need to leave your own computer running once the video and channel are ready. It does not choose a chat overlay for you: decide separately whether chat belongs in the stream video through a third-party widget or on a website through YouTube’s iframe.
Before committing, compare the operating options on the pricing page. When the file and channel are ready, start free — 24-hour trial, no card.
FAQ
Can I show YouTube live chat directly in OBS?
OBS does not directly supply a stream-chat overlay. To show messages in the outgoing video, use a third-party overlay and add its URL as an OBS Browser source. An OBS chat dock used by the operator is not automatically visible to viewers.
Is YouTube’s live-chat iframe an OBS overlay?
No. YouTube documents that iframe for a website page, with an embed_domain value matching the page’s domain. For chat composited into your stream video, use an overlay in the encoder scene instead.
Why does embedded chat not open on my website?
Check that the video ID is correct and that the embed_domain value matches the domain serving the page. If you moved the page from a staging site to a live domain, update the value and consult YouTube’s current embedding instructions.
Will website live chat work on mobile web?
YouTube says embedded live chat is not available on mobile web, so test the experience on the devices your visitors use. If it is unavailable, make the YouTube watch page easy to reach rather than assuming the iframe will work on every phone.