YouTube 嵌入程式碼產生器

為任何 YouTube 影片產生簡潔的自適應嵌入程式碼，支援開始時間、自動播放、循環與隱私選項。

嵌入程式碼
貼上連結即可產生程式碼。

即時預覽會顯示在這裡。

更新於 2026年11月2日 · 作者： Free Thumbnail Downloader 團隊

在網頁上嵌入 YouTube 影片，可以讓訪客留在你的頁面，播放和頻寬則交給 YouTube。YouTube 分享視窗裡的預設程式碼雖然能用，但它是固定的 560×315 方框，在手機上不好看，也沒有開始、結束時間等實用選項。這個產生器能做出乾淨、自適應的嵌入程式碼，所有設定都是簡單的勾選框，複製前還能即時預覽。

如何產生嵌入程式碼

  1. 貼上 YouTube 影片連結：watch、youtu.be、Shorts 和直播連結都可以。
  2. 選填：輸入開始時間和結束時間，只播放其中一段。
  3. 勾選需要的選項：自適應（全寬）、隱私權強化模式、自動播放（靜音）、循環播放、顯示播放器控制項和開啟字幕。
  4. 查看即時預覽，按複製程式碼並貼到你的網站。

每個選項的作用

選項程式碼中的參數說明
開始／結束時間start=85&end=140單位是秒；輸入 1:25 工具會自動換算
自適應width:100%; aspect-ratio:16/9在任何螢幕上填滿欄寬；取消勾選可設定固定寬高
隱私權強化模式youtube-nocookie.com訪客按播放前不寫入 YouTube Cookie
自動播放autoplay=1&mute=1瀏覽器只允許靜音自動播放
循環播放loop=1&playlist=ID單支影片要循環，YouTube 需要 playlist 參數
顯示控制項關閉時為 controls=0隱藏控制項適合背景影片，不適合教學影片
開啟字幕cc_load_policy=1影片有字幕時預設顯示

程式碼還包含 loading="lazy"，訪客捲動到附近才會載入播放器，以及給螢幕報讀軟體使用的描述性 title。

程式碼要貼在哪裡

  • WordPress：新增「自訂 HTML」區塊並貼上。（一般的 YouTube 區塊無法設定開始／結束時間和隱私模式。）
  • Blogger：開啟文章，切換到 HTML 檢視，貼在想放影片的位置。
  • Wix、Squarespace、Webflow：使用「嵌入」或「程式碼」元素。
  • Shopify：在頁面或商品說明中按「顯示 HTML」（<>）後貼上。
  • 純 HTML 網頁：貼在 <body> 中要顯示影片的位置。

嵌入 Shorts 和直式影片

Shorts 也能嵌入，產生器會把 /shorts/ 連結轉成一般的嵌入程式碼。因為 Shorts 是直式，請取消勾選自適應，並把尺寸設為 315 × 560 之類，避免出現兩側黑邊的寬框。

速度與 SEO 小建議

  • 每頁只嵌入一兩支影片。每個播放器都會載入腳本，太多會拖慢頁面。
  • 在頁面上寫影片相關內容。搜尋引擎看不懂影片，摘要、重點或逐字稿能幫助頁面排名。
  • 對速度非常敏感的頁面，可以先顯示一張圖片，點擊後再載入播放器。縮圖尺寸工具可以查看並下載影片縮圖的所有尺寸。
  • 尊重訪客隱私。隱私權強化模式對歐盟訪客是簡單又有效的改善。

疑難排解

  • 「影片無法播放」：作者關閉了嵌入，或影片為私人、有年齡限制、地區限制。
  • 自動播放沒有開始：必須靜音，部分手機在省電模式下仍會阻擋。
  • 循環時回到 0:00 而不是開始時間：這是 YouTube 循環功能的機制；要循環某段片段，需要剪輯影片本身。
  • 手機上播放器超出螢幕：確認已勾選自適應，並檢查網站佈景主題是否替 iframe 設了固定高度。

只需要連結而不是播放器？時間戳記連結產生器能產生從指定時間開始的連結。各種架站平台的詳細步驟，請閱讀如何在網站嵌入 YouTube 影片。

常見問題

怎麼把 YouTube 影片嵌入我的網站？

把影片連結貼到產生器，選好選項後按「複製程式碼」，再把 iframe 程式碼貼到網頁：WordPress 用「自訂 HTML」區塊，Blogger 切換到 HTML 檢視，Wix 或 Squarespace 使用嵌入／程式碼元素。

為什麼自動播放一定要靜音？

Chrome、Safari、Firefox 和 Edge 都會擋下有聲音自動播放的影片，但允許靜音自動播放。所以勾選自動播放時，產生器會自動加上 mute=1。

什麼是隱私權強化模式？

播放器會從 youtube-nocookie.com 載入，在訪客按下播放前不會寫入 YouTube Cookie。外觀和功能都一樣，也更符合 GDPR 等隱私規範。

怎麼讓嵌入的影片自適應螢幕？

勾選「自適應」。程式碼會使用 width:100% 和 aspect-ratio:16/9，播放器在手機和電腦上都會填滿容器，沒有黑邊，也不需要額外的 CSS。

為什麼嵌入後顯示「影片無法播放」？

可能是作者關閉了嵌入功能，影片是私人、有年齡限制或在訪客所在地區被封鎖，也可能是連結錯誤。先在即時預覽中測試：預覽不能播，放到網站上也不行。

可以只嵌入影片的一部分嗎？

可以。填寫「開始時間」和「結束時間」，播放器會從開始時間播到結束時間自動停止，很適合展示長教學或直播中的某一段。

延伸閱讀