Wordpress網頁嵌入影片語法， YouTube／FB／Vimo全都搞定
（瀏覽：5638  更新日期： 2026-11-02）

WordPress嵌入影片是什麼？支援哪些影片格式與方式？

WordPress嵌入影片，簡單來說就是把YouTube、Facebook等外部影片直接放到你的網站頁面中顯示，而不是單純放一個連結。最常見的做法是透過自動嵌入（貼網址）或使用iframe語法，讓訪客可以直接在你的網頁播放影片，不用跳轉到其他平台。這也是現在做影音網站架設或內容型網站時，幾乎必備的功能。

說白了，如果你只是放一個影片連結，使用者必須另外點擊才能觀看；如果直接將播放器放在頁面中，訪客就能在原頁面播放。實務上我們在做網站架設時，會依照頁面用途搭配影片來呈現產品、服務或教學內容。不過要注意，不同嵌入方式會影響網站速度與SEO，像是iframe過多或影片太重，都可能讓網頁變慢。

想進一步了解WordPress網頁設計，可先看相關說明；整體的網頁設計服務與案例也可一併參考。

WordPress最簡單嵌入影片方法：直接貼上網址就能播放嗎？

如果你只想快速把影片放到網站上，最簡單的方法就是直接貼上影片網址。WordPress本身支援自動嵌入（oEmbed），部分支援的平台可以將影片網址轉成播放器顯示，不需要寫iframe或任何程式碼。這也是目前最方便的網頁嵌入影片方式。

實際操作很簡單：

1. 先到YouTube或其他影音平台找到想嵌入的影片。
2. 複製影片網址。
3. 進入WordPress文章或頁面編輯器。
4. 在新的段落區塊貼上影片網址。
5. 按下Enter，確認編輯器是否自動產生影片播放器。
6. 預覽文章，確認電腦與手機版都能正常顯示。

很多新手會以為一定要使用HTML語法，其實一般YouTube影片通常不需要。若貼上網址後只顯示文字連結，可能是平台不支援自動嵌入、網址格式不正確，或影片本身有隱私及權限限制。這時候才需要改用影片區塊、iframe或適合的外掛處理。

WordPress如何嵌入YouTube影片？網址、區塊與iframe三種方法

在WordPress嵌入YouTube影片，常見有三種做法：直接貼網址、自動嵌入區塊，以及iframe語法嵌入。如果你只是一般文章或形象網站，直接貼網址就夠用；但如果你需要控制尺寸、比例或播放方式，就會用到iframe或區塊設定。

三種方式的差異如下：

1. 貼網址：最快速，適合一般文章及部落格。
2. YouTube影片區塊：透過編輯器調整影片位置與版面，適合不熟悉程式碼的使用者。
3. iframe語法：自由度較高，可自行設定播放器尺寸與部分播放參數，適合需要客製化版型的網站。

如果你需要使用iframe，可以在YouTube影片下方點選「分享」，再選擇「嵌入」，複製平台提供的HTML程式碼。接著進入WordPress編輯器，新增「自訂HTML」區塊，將程式碼貼上即可。

基本的YouTube嵌入語法如下，實際使用時應將影片ID替換成自己的影片ID：

<iframe
src="https://www.youtube.com/embed/影片ID"
title="YouTube video player"
width="560"
height="315"
allowfullscreen>
</iframe>

如果你只是做SEO文章或部落格，建議優先使用網址自動嵌入；如果是首頁影片、產品介紹或需要固定播放器比例的頁面，再考慮iframe。不過要注意，iframe過多會增加瀏覽器載入負擔，應避免同一頁面放置太多不必要的影片。

YouTube、Vimeo嵌入影片的方法？

YouTube與Vimeo都可以透過平台提供的嵌入功能，將影片放進WordPress網站。兩者的基本操作相似，但取得嵌入碼的位置及影片權限設定有所不同。

YouTube嵌入步驟：

1. 開啟要嵌入的YouTube影片。
2. 點選影片下方的「分享」。
3. 選擇「嵌入」。
4. 複製系統產生的iframe程式碼。
5. 回到WordPress，新增「自訂HTML」區塊。
6. 貼上程式碼並預覽播放結果。

Vimeo嵌入步驟：

1. 開啟Vimeo影片頁面。
2. 尋找影片的分享或嵌入功能。
3. 複製平台提供的嵌入程式碼。
4. 回到WordPress文章或頁面。
5. 新增「自訂HTML」區塊並貼上iframe。
6. 預覽網站，確認播放器是否正常顯示。

Vimeo常見的嵌入語法如下，將影片ID替換成實際影片的識別碼即可：

<iframe
src="https://player.vimeo.com/video/影片ID"
width="640"
height="360"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen>
</iframe>

如果使用Vimeo，還要注意影片擁有者設定的隱私權限。有些影片可能只允許在指定網域播放，若網站網址不在允許清單內，即使iframe語法正確，也可能無法正常播放。

以下為原本的YouTube與Vimeo操作示範影片：

Facebook嵌入影片的方法？WordPress如何放入FB影片？

Facebook影片也可以嵌入WordPress網站，但操作方式與YouTube略有不同。一般做法是透過Facebook影片的分享或嵌入功能取得程式碼，再將程式碼放進WordPress的自訂HTML區塊。實際能否播放，還要看影片的公開狀態及Facebook平台權限。

Facebook影片嵌入步驟：

1. 開啟想要嵌入的Facebook公開影片。
2. 點選影片旁邊的分享選項。
3. 如果平台提供「嵌入」功能，選擇並取得嵌入程式碼。
4. 複製平台提供的HTML或iframe程式碼。
5. 進入WordPress文章編輯器，新增「自訂HTML」區塊。
6. 貼上程式碼，儲存後預覽影片。

如果找不到嵌入選項，可能與影片隱私設定、發布方式或Facebook目前提供的功能有關。私人社團、個人隱私影片或受限制的內容，不一定能直接嵌入公開網站。這時可以先確認影片是否允許公開觀看，再決定是否改用其他影片來源。

以下為Facebook影片嵌入操作示範：

嵌入影片時，可搭配WordPress媒體庫教學區分上傳檔案與嵌入外部內容；如果要把影片加入固定介紹頁，再參考WordPress頁面管理安排版面。

YouTube、Facebook、Vimeo嵌入方式有什麼差別？

YouTube、Facebook與Vimeo都能用來呈現網頁影片，但適合的網站情境不同。YouTube適合一般公開影音內容，Facebook適合社群影片分享，Vimeo則常用於作品展示與品牌影音呈現。選擇時應考慮影片來源、隱私權限、播放器控制及網站載入速度。

如果網站主要目的是SEO文章與知識分享，YouTube通常是較容易操作的選擇；如果網站需要呈現Facebook社群活動，可以使用Facebook影片嵌入；若是企業形象網站或作品集，則可評估Vimeo是否符合品牌呈現需求。

WordPress網頁嵌入影片需要費用嗎？外掛與架設成本怎麼看？

WordPress網頁嵌入影片不一定需要額外付費。一般使用YouTube、Facebook或Vimeo提供的嵌入功能，通常不需要為了基本嵌入操作另外購買WordPress外掛；但如果需要進階播放器、影片管理、會員觀看限制或客製化功能，就可能產生外掛、影音平台或網站開發費用。

因此，如果只是想在文章中放一支YouTube影片，沒有必要為了基本嵌入功能購買昂貴外掛；但如果要建立影音課程、會員觀看或自訂播放介面，就應該先規劃功能與預算，再決定使用外掛或客製化開發。

WordPress嵌入YouTube影片無法播放怎麼辦？常見問題解決

WordPress嵌入YouTube影片無法播放，常見原因包括影片不允許嵌入、網址錯誤、影片隱私設定、瀏覽器限制、網站安全連線或快取問題。建議先確認影片本身能否正常播放，再逐步檢查嵌入設定及網站環境，而不是直接重新安裝外掛。

常見問題與處理方式：

如果網頁嵌入YouTube影片無法播放，可以依照以下順序排查：

1. 先直接開啟YouTube影片網址，確認影片本身是否正常。
2. 確認影片沒有被刪除、限制觀看或禁止嵌入。
3. 重新複製YouTube網址，確認沒有多餘字元。
4. 如果使用iframe，確認影片ID與embed網址正確。
5. 確認網站使用HTTPS，並檢查瀏覽器是否封鎖外部內容。
6. 清除WordPress快取、CDN快取與瀏覽器快取後重新測試。
7. 暫時排除可能衝突的快取或安全性外掛，再確認播放器是否恢復。

如果你想讓嵌入的YouTube影片自動播放，可以在嵌入網址加入autoplay=1參數，例如：

https://www.youtube.com/embed/影片ID?autoplay=1&mute=1

不過大多數瀏覽器會限制有聲音的自動播放，因此即使加入autoplay=1，也不代表一定能自動播放；通常需要搭配mute=1。另外，自動播放影片可能影響使用者體驗與網站載入速度，一般文章不建議強制自動播放。

如果你使用的是WordPress自訂HTML區塊，還要確認網站安全設定或編輯器沒有移除iframe標籤。若使用外掛，也可以檢查外掛是否與佈景主題或其他快取工具衝突。

WordPress嵌入影片如何適應手機版？尺寸與比例怎麼設定？

WordPress嵌入影片應使用響應式尺寸，讓播放器依照不同裝置寬度自動調整，避免桌機顯示正常，但手機版出現影片超出畫面或左右被裁切的情況。一般16:9影片可優先維持原始比例，再依照網站版型調整播放器寬度。

使用iframe時，可以透過CSS容器控制影片比例，例如：

<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe
    src="https://www.youtube.com/embed/影片ID"
    title="影片播放器"
    style="position:absolute;top:0;left:0;width:100%;height:100%;"
    allowfullscreen>
  </iframe>
</div>

這種方式會讓影片寬度隨容器調整，並透過比例保留播放器高度。若使用WordPress區塊編輯器，也可以優先使用原生影片或YouTube區塊，減少自行撰寫CSS的需求。

另外，影片本身通常不需要在頁面載入時全部下載。可以考慮延遲載入非首屏影片、減少同一頁面的播放器數量，並確認播放器有適當的尺寸預留，降低載入時版面跳動的機會。

網頁嵌入影片有哪些SEO與網站速度風險？如何選擇適合的方法？

網頁嵌入影片雖然能增加內容呈現方式，但如果使用不當，也可能造成網站速度變慢、手機版排版錯亂或影片無法播放。選擇嵌入方式時，應同時考慮網站效能、使用者體驗、影片權限與後續維護。

如果網站只有少量教學影片，優先使用平台網址自動嵌入；如果需要控制版面，再使用iframe；如果需要大量影片管理或進階功能，才評估專業外掛或客製化開發。

實際上可以注意以下幾點：

• 不要在同一頁面放置太多不必要的影片播放器。
• 非首屏影片可考慮延遲載入，避免影響初始載入。
• 設定播放器尺寸與比例，降低版面位移。
• 確認影片來源及嵌入權限，避免使用者看到錯誤畫面。
• 避免使用來源不明的嵌入程式碼，以降低安全風險。
• 不要為了自動播放而忽略手機瀏覽體驗。

如果網站主要是企業形象、服務介紹或SEO文章，通常不需要為了影片嵌入而增加太多外掛。先確認影片能否正常顯示、手機版是否容易觀看，再依實際需求決定是否需要進階功能，會是比較穩定的做法。