YouTube 內嵌直播聊天室方法教學

youtube unsplash 00 scaled

YouTube 直播能夠搭配 OBS 進行串連連結,除此之外也能夠將 YouTube 直播連結嵌入至網頁中,來搭配網站一起使用,不過就像標題說的想要單獨內嵌聊天室,當然也有方法能夠只內嵌聊天室。

根據官方的說明要內嵌 YouTube 直播聊天室,只需要透過取得網址 ID 及搭配網站的網域(Domain)就能夠進行內嵌,要取得網址 ID 的方法很簡單,只需要透過下面兩個步驟就能夠輕鬆完成。

取得 YouTube 直播網址 ID

方法1、透過分享網址取得 ID。

進入直播後點選右上角的【分享按鈕】。

youtube live embed chat 2

然後取得網址後先將網址複製起來,等等要進行取用 ID。

youtube live embed chat 1

方法2、透過聊天室彈出取得連結。

點選右上角聊天室的【…】。

youtube live embed chat 3

然後點選【在彈出式視窗中開啟聊天室】

youtube live embed chat 4

然後就能取得網址連結,將網址複製起來,等等要進行取用 ID。

youtube live embed chat 5

嵌入 YouTube 直播聊天室

剛才使用兩種方法取得的直播聊天室網址,然後複製網址結尾的編號。

使用方法1取得結尾編號就會是網址 ID(如紅字)範例:youtu.be/JI8ZfzBt7xl

使用方法2取得結尾編號就會是網址 ID(如紅字)範例:studio.youtube.com/live_chat?is_popout=1&d=1&v=JI8ZfzBt7xl

然後依照 YouTube 說明將網址 ID網域(Domain)貼至下方黃色標記內。

https://www.youtube.com/live_chat?v=YouTube網址ID&embed_domain=網域(Domain)

這邊要注意的是如果網域(Domain)不需要加上 www,直接填入後面的名稱就好,像是本站的 ingtt.com。

接著將網址上述的網址複製,並貼至嵌入語法中,就會像下面範例一樣。

嵌入語法說明

iframe html 為嵌入語法。
src 為網址。
width 為寬度,可自由設定,範例為 300。
height 為高度,可自由設定,範例為 600。

<iframe src="https://www.youtube.com/live_chat?v=JI8ZfzBt7xI&embed_domain=ingtt.com" width="300" height="600"></iframe>

相關文章

最新文章

作者簡介

個人頭像照片
努力寫文中!