跳至主要內容
← 回文章列表

如何在網站嵌入 YouTube 影片

#YouTube#網站教學
YouTube 影片嵌入網站操作教學

YouTube 會直接產生嵌入碼,不需要下載影片,也不用把影片上傳到網站主機。

操作步驟

1. 按下「分享」

開啟要放到網站的 YouTube 影片,按下影片下方的「分享」。

YouTube 影片下方的分享按鈕

2. 選擇「嵌入」

在分享選項中選擇「嵌入」。

YouTube 分享視窗中的嵌入選項

3. 複製嵌入碼

按右下角的「複製」,取得完整的 <iframe> 程式碼。

複製 YouTube 影片嵌入碼

4. 貼到網站後台

找到後台的「嵌入程式碼」、「HTML」或「自訂程式碼」欄位,把程式碼貼上並儲存。

如果後台只有一般文字編輯器,請把嵌入碼交給網站管理人員處理;直接貼在文字欄位裡,可能只會顯示成一串程式碼。

三個實用設定

隱私加強

把嵌入網址中的 www.youtube.com 改成 www.youtube-nocookie.com,即可使用 YouTube 的隱私加強保護模式。

指定開始時間

要從第 90 秒開始播放,在影片網址後加上 ?start=90

https://www.youtube.com/embed/VIDEO_ID?start=90

時間以秒計算。如果網址後面已經有其他參數,請改用 &start=90

相關影片

現在無法完全關閉播放結束後的相關影片。加入 rel=0 只會讓相關影片來自同一個 YouTube 頻道。

手機版寬度

YouTube 複製出的程式碼通常有固定寬高。需要自動符合手機畫面時,可以改成:

<iframe
  src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  title="YouTube 影片播放器"
  loading="lazy"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
  style="width: 100%; aspect-ratio: 16 / 9; border: 0;"
></iframe>

VIDEO_ID 換成影片網址中 v= 後面的代碼即可。