在WordPress中整合和嵌入YouTube視訊的10種方法

在WordPress中整合和嵌入YouTube視訊

製作 YouTube 視訊是成功的一半。在不知疲倦的製作過程之後,是時候將製作的視訊釋出到 Facebook、電子郵件通訊等地方,當然還有您的網站,與大家分享。過去,在 WordPress 上嵌入 YouTube 視訊需要一些創意或額外的外掛。

不過,自 WordPress 2.9 版本釋出以來,情況發生了變化。事實上,除了 YouTube 連結外,您還可以在 WordPress 中嵌入 YouTube。不過,您可能想通過建立相簿、插入整個 YouTube 頁面或從其他創作者那裡策劃一個視訊列表來更巧妙地進行整合。

有了這些獨特的 YouTube 選項,您就能從普通的視訊嵌入中脫穎而出,為使用者提供更獨特的體驗。

在WordPress中嵌入YouTube視訊的最簡單方法

WordPress 2.9 新增了一個很酷的功能,他們稱之為嵌入。這樣,您就可以將 YouTube 視訊直接複製並貼上到網站上,而無需任何其他外掛或設定。下面介紹如何操作:

Step 1 – 複製 YouTube 視訊的 URL。您可以從瀏覽器位址列或 YouTube 共享連結按鈕中複製 URL。

YouTube 嵌入連結

YouTube 嵌入連結

提示:首先勾選 “Start at” 覈取方塊並選擇時間,就可以自動讓視訊從某個位置開始(例如,30 秒後)。然後複製連結。

Step 2 – 將 URL 貼上到 WordPress 編輯器中,嵌入功能會自動將其轉化為嵌入式視訊。

在 WordPress 編輯器中嵌入 YouTube 視訊

在 WordPress 編輯器中嵌入 YouTube 視訊

YouTube 嵌入外掛的有趣功能

雖然上述方法簡單快捷,但 YouTube 嵌入外掛能為你的網站增加很多功能。以下是您可以獲得的眾多不同功能中的幾個:

  • 用於改善網站上嵌入視訊的隱私和同意選項的工具。
  • 嵌入大型相簿的選項,可以在訪客登陸頁面時播放,也可以在訪客登陸頁面時開始播放。
  • 懶載入視訊的功能,使媒體不會拖慢整個網站的執行速度。
  • 視覺化設定控制,用於調整顏色、大小和視訊整體外觀等專案。
  • 使用簡碼放置視訊的選項,讓視訊在小工具和帖子等區域的放置更加靈活。
  • 燈箱瀏覽和其他替代視訊顯示方式。
  • 在使用者滾動視訊時建立懸停和動畫效果的工具。
  • 從社交媒體賬戶和 YouTube 等多個來源提取視訊的選項。這是在自己網站上策劃視訊頻道的好方法。
  • 社交媒體按鈕,鼓勵使用者分享視訊。
  • 用於建立和插入完整 YouTube 播放列表的外掛,以及其他格式化和設計工具。
  • 視訊縮圖、滑塊、顏色變化以及其他各種選項,讓你的 YouTube 視訊嵌入脫穎而出。

在 WordPress 中整合和嵌入 YouTube 的最佳方法

我們已經瞭解了所有可以用來在 WordPress 中嵌入 YouTube 視訊的最佳 WordPress 外掛。現在是時候深入瞭解了!

  1. YouTube by EmbedPlus
  2. WP YouTube Lyte
  3. Video Gallery – YouTube Gallery
  4. Feed Them Social
  5. YotuWP
  6. Videozoom
  7. ARVE Advanced Responsive Video Embedder
  8. WpDevArt YouTube Embed, Playlist and Popup
  9. YourChannel
  10. YouTube Gallery

1. YouTube by EmbedPlus

EmbedPlus 的 YouTube 外掛提供了幾種自定義 WordPress 網站嵌入視訊的方法。首先,該外掛具有相簿功能,可將您的播放列表或頻道列表拉入您的網站。相簿反應靈敏,可隨時進行定製。然後,您的使用者就可以根據自己的需要瀏覽和搜尋某些視訊。

YouTube by EmbedPlus

YouTube by EmbedPlus

EmbedPlus 的 YouTube 外掛還包含許多其他功能,但我們將在下面的列表中介紹其中最好的功能。至於價格,該外掛的大部分基本功能都是免費的。例如,你可以加入一些品牌,去掉一些 YouTube 的顏色和標識,同時還可以在網站上加入 YouTube 實時流媒體。高階版本的起價為 19.99 美元,可終身使用 YouTube 外掛。

其中一些計劃還提供支援,您還可以獲得一些有趣的附加功能,如自動視訊搜尋引擎優化標記和更快的頁面載入速度。我尤其喜歡先進的相簿定製功能和移動相容性檢查功能,可以檢視使用者在小型裝置上觀看視訊的情況。

YouTube by EmbedPlus 功能特點

  • 該外掛的基本功能是免費的,我想大多數人都不需要升級。
  • 即使是高階版本也很實惠,而且只需一次性付款即可獲得(除非你需要持續的客戶支援)。
  • 免費版有生成播放列表和相簿的工具。您還可以加入 YouTube 實時流,這樣就可以直接在網站上播放流媒體。
  • 外掛的設計介面美觀大方,有大量設定供你調整顏色和大小。
  • 您還可以在特定時間開始播放視訊,併為客戶調整音量。例如,有些網站管理員可能希望在客戶登陸網站時就開始播放視訊。

2. WP YouTube Lyte

WP YouTube Lyte 外掛有一個主要功能,那就是懶載入嵌入的 YouTube 視訊,以便網站儘可能快速執行。懶載入通常可用於圖片,但該外掛將其提升到了一個新的水平,主要側重於 YouTube 視訊。懶載入只載入使用者當前正在瀏覽的媒體。因此,你的伺服器不會費力地載入頁面或網站上的所有視訊。

因此,網站的載入速度會更快,整個網站的效能也會得到改善。

WP YouTube Lyte

WP YouTube Lyte

WP YouTube Lyte 外掛是完全免費的,因此不會有任何提示向你推銷或試圖讓你購買附加元件或高階版本。

該外掛並不像大多數圖片懶載入器那樣懶載入視訊。外掛的工作原理是嵌入一小段視訊(基本上只是視訊縮圖的影象)。直到使用者點選縮圖,它才會呼叫 YouTube 提供的 “較重 “版本。如果您打算在同一頁面上製作大型相簿或多個視訊,這一點尤為重要。您的訪客不會注意到與普通 YouTube 嵌入之間的任何區別,因此視訊載入速度仍與您預期的一樣快。

WP YouTube Lyte 外掛功能特徵

  • WP YouTube Lyte 外掛提供了一個輕量級的 YouTube 視訊嵌入,直到訪問者決定要觀看它。點選後,就會播放完整版的 YouTube 視訊。
  • 它能提高網站的整體效能,尤其是在單個頁面上有大量視訊的情況下。
  • 由於該外掛不需要向 YouTube 伺服器發出任何請求,因此實際上提高了 GDPR 合規性。
  • 您可以使用簡碼在網站上快速放置經過優化的 YouTube 視訊。
  • 該外掛已在所有移動裝置上進行過測試,以確保懶載入不會影響 YouTube 自帶的移動效能。

無 WP YouTube Lyte 的速度測試

想知道它能讓你的網站快多少嗎?我們用一個普通的 YouTube 嵌入視訊進行了五次速度測試,並得出了平均值。

YouTube 沒有懶載入

YouTube 沒有懶載入(速度測試

使用 WP YouTube Lyte 進行速度測試

然後,我們使用 WP YouTube Lyte 外掛及其快取縮圖選項進行了五次測試。這個免費的小外掛將總載入時間縮短了 40.43%!更不用說它還減少了頁面大小以及預設 YouTube 嵌入播放器帶來的所有額外外部請求。

啟用懶載入後的速度測試

啟用懶載入後的速度測試(速度測試

Video Gallery 工具可滿足那些希望為自己的 YouTube 視訊建立精美相簿而又不具備高階設計技能的使用者的需求。這款外掛的有趣之處在於,它還支援來自 Vimeo 和 Wistia 等視訊網站的視訊,你還可以將所有這些服務的視訊組合起來,建立數量不限的相簿。不僅如此,您在相簿中放置的所有視訊都是響應式的,方便您在移動裝置上觀看。

Video Gallery 外掛

Video Gallery 外掛

搜尋工具也是令人印象深刻的畫廊,要求使用者搜尋和瀏覽某些視訊,並通過清晰的導航讓使用者知道在哪裡可以找到這些視訊。外掛還提供多種主題,使用者在使用主題後還可獲得大量自定義工具。基本外掛是免費的,但你可以選擇升級到高階版本。在撰寫本文時,付費版本的價格為 45 美元,但開發商有時會推出不同的促銷活動。

如果你要升級到高階版本,大部分功能都涉及到自定義相簿的外觀。例如,你可能想調整圖示顏色、邊框或字型樣式。這些設定都可以在高階外掛中找到。

Video Gallery 外掛功能特徵

  • 這是一款使用者介面非常友好的相簿外掛,可選擇使用主題和相簿佈局來建立相簿。
  • 免費版本中提供了大量自定義工具。例如,您可以新增燈箱效果或某種懸停效果,吸引使用者點選您的視訊。
  • 您在網站上插入的所有相簿都是移動響應式的。
  • 如果您想更靈活地線上播放 YouTube 視訊,還可以使用無限簡碼生成器。
  • 該外掛支援多種型別的視訊,包括來自 YouTube、Vimeo、Wistia 和 MP4 的視訊。
  • 您可以在相簿中無限量地新增視訊。
  • 如果你想完全自定義和品牌化你的相簿,高階版本並不昂貴。

4. Feed Them Social

Feed Them Social 外掛採用了與 YouTube 嵌入遊戲完全不同的方法。安裝外掛後,您可以選擇最喜歡的社交視訊源,並將其顯示在帖子、頁面或網站的任何地方。對於想突出某些名人頁面或與部落格或產品相關的特定教學的公司來說,這是一個很好的解決方案。

該免費外掛具有檢視和顯示來自 Facebook 頁面的資訊源以及相簿封面和照片的功能。您可以新增任意數量的資訊源,但如果您想限制每個資訊源的條目數量,就必須升級到高階版本。單個網站的起價為 50 美元,但開發人員還提供其他擴充套件功能,根據你的需求,最終可能會花費更多。例如,你可以找到 Facebook 評論、組合流和旋轉木馬的擴充套件。

Feed Them Social 外掛

Feed Them Social 外掛

該外掛似乎主要關注 Facebook 視訊和媒體源,但它也支援 YouTube、Twitter、Instagram 和 Pinterest。從技術上講,您可以用它在網站上展示自己的 YouTube 頻道,或將 YouTubers 集合到一個相簿中。

Feed Them Social 外掛功能特徵

  • 通過該外掛,您可以找到自己喜歡的社交媒體視訊源並將其新增到網站上。
  • 您可以新增任意數量的源,並將它們自定義為一個漂亮的相簿。
  • 這些源都是響應式的,可以自定義顏色。
  • 免費版本還包括一些工具,方便人們在 Facebook 和 Instagram 等網站上分享你的視訊。
  • 在網站上策劃視訊時,內容來源包括 Pinterest、Facebook、Twitter 和 YouTube。
  • 如果你想發揮更大的創造力,Feed Them Social 外掛的開發人員還提供了多種擴充套件功能,如組合流和旋轉木馬。

5. YotuWP

如果你正在尋找一種簡單而時尚的方式在 WordPress 網站上播放 YouTube 視訊,YotuWP 外掛就能幫你實現。它輕巧、易用、功能強大,可支援相簿、播放列表、頻道和來自特定使用者名稱的視訊。你甚至可以選擇從一個來源新增單個視訊。YouTube、Vimeo 和 Wistia 均可整合,佈局包括網格、列表和混合相簿。

YotuWP 外掛

YotuWP 外掛

我覺得免費版似乎具備了你所需的大部分功能,但它確實更適合那些希望以簡潔的方式在網上播放 YouTube 視訊而無需任何雜亂設定的簡單視訊嵌入者。

如果你決定使用高階版,它的起價為每年 14 美元,包含多種功能,如旋轉木馬和磚石佈局、12 個懸停圖示、標題和描述的替換以及按鈕的自定義文字。簡而言之,高階版幾乎完全去除了 YouTube 視訊的品牌標識,使視訊更適合你自己的網站。不過,很多人要麼不在乎這些,要麼不需要為此花錢。

YotuWP 外掛功能特徵

  • YotuWP 設計簡約,視訊展示精美。對於初學者或不需要其他外掛所有功能的人來說,我們很喜歡它。
  • 您可以以混合相簿或列表等多種相簿格式顯示視訊。
  • 該外掛有從多種來源獲取視訊的選項。例如,您可能想從一個播放列表中提取所有視訊。或者,您可能更喜歡來自某個使用者名稱或頻道的視訊。
  • 大視訊和小視訊均可使用。所有的尺寸定製都在外掛中完成,讓你無需花費太多時間就能獲得線上視訊的介面。
  • 您甚至還可以獲得一些獨特的顯示選項,如模式、彈出式視窗和燈箱。
  • 你還可以選擇高階版本,獲得強大的自定義工具。不僅如此,每年 14 美元的價格對於高階外掛來說也非常便宜。

6. Videozoom

Videozoom 沒有免費版本,但絕對值得一看。這是因為 Videozoom 實際上是一個完整的 WordPress 主題,而不是一個外掛。我們之所以將它放在這裡,是因為我們知道有些人在製作網站時會將 YouTube 相簿作為主要重點。因此,安裝一個支援這種型別的主題而不是外掛是很有意義的。該主題有助於展示來自網際網路的視訊集合。例如,如果您想開設自己的 YouTube 頻道,並將所有這些視訊都放在自己的網站上,這可能是一個不錯的選擇。

如果您打算從其他來源收集視訊,這也是同樣的道理。該主題有一個靈活的滑塊,用於展示您最重要或最近的視訊。您還可以即時嵌入 YouTube 上的視訊或自行託管視訊。

Videozoom 外掛

Videozoom 外掛

這不是一個免費的主題,但 69 美元的價格對於您獲得的所有功能來說並不低。您也可以考慮支付 99 美元的會員費來購買所有 WPZoom 主題。

總的來說,Videozoom 提供了一個即時的解決方案來顯示您的視訊,並確保它們都可以在移動裝置上觀看和被搜尋引擎發現。您還會發現,該主題提供了翻譯就緒工具、定期主題更新和一鍵式演示內容匯入器,因此您不必從頭開始。我非常喜歡使用外掛嵌入 YouTube 視訊的想法,但如果你還沒有配置好網站,使用主題還是很有意義的。

Videozoom 外掛功能特徵

  • 這是一個完整的 WordPress 主題,因此您的網站一開始就可以使用您需要的所有嵌入式工具,給訪客留下深刻印象。
  • 它提供兩種面板,深色和淺色。這樣,您就可以在網站上打上自己的烙印,並考慮訪客希望以何種方式觀看視訊。
  • 如果您是開發人員,您可以選擇成為 WPZoom 會員,獲得 40 多個 WordPress 主題。
  • 從 YouTube 嵌入視訊非常簡單,您還可以將自己的本地視訊上傳到伺服器。
  • 從 YouTube 上傳視訊或連結後,會生成一個視訊縮圖。
  • 所有介面都相當美觀,採用移動設計,可即時播放視訊,就像在 YouTube 上一樣。

7. ARVE Advanced Responsive Video Embedder

ARVE Advanced Responsive Video Embedder 在無任何問題地在網站上展示視訊方面享有盛譽。正如您在網站上釋出視訊時所瞭解到的那樣,無論是小問題還是大問題,似乎總會出錯。

該外掛在完成任務的同時,還支援 YouTube 以外的其他視訊網站。例如,你可能想從 TED、Twitch 或 Comedy Central 播放視訊。在這些情況下,你並不總能在 YouTube 上找到相同的視訊。因此,你需要從實際的源網站抓取連結。這是一款支援數十個其他網站的外掛,同時還能提供我們已經習慣的響應式視訊觀看功能。

ARVE 外掛

ARVE 外掛

免費版能以合理的方式顯示視訊,而且還提供所見即所得的編輯器,讓你不必再去弄任何簡碼。之後,視訊會顯示標題、描述和其他上傳資訊,這樣搜尋引擎就能對其進行索引,人們也能知道視訊的內容。

我個人覺得,大多數安裝該外掛的人都會選擇免費版本,但也有 35 美元的升級選項。高階版的主要功能之一是可以禁用視訊上的連結。這意味著使用者無法點選 Youtube 連結,也就無法離開你的網站。此外,還有懶載入功能、燈箱、懸停樣式和不同的播放圖示。總的來說,專業版的價格並不高,如果你絕對需要這些功能,它不失為一個好選擇。

ARVE 外掛功能特徵

  • ARVE 高階響應式視訊嵌入器支援幾乎所有線上視訊。只要您從使用 iframe 嵌入程式碼的網站提取視訊,就不會有問題。您還可以立即嵌入 YouTube 視訊,不會出現任何問題。
  • 所見即所得的支援意味著無需使用簡碼。因此您可以自定義視訊顯示,並將視訊放置在帖子和頁面上。
  • 這是一款有利於搜尋引擎優化的外掛,可提供網站上的視訊資訊。例如,您可以顯示標題和描述,供使用者檢視。
  • 如果你更喜歡簡碼,外掛還提供簡碼選項。
  • 當使用者登陸網站時,視訊可以自動開始。
  • 雖然不是每個人都需要這樣做,但付費版本有一些懶載入功能和禁用 YouTube 連結的選項,這兩項功能都可以實現更好的控制和優化。

8. WpDevArt YouTube Embed

WpDevArt YouTube Embed 外掛為初學者提供了簡單的安裝和流暢的嵌入過程。該外掛的全部意義在於提供一種無需瞭解任何程式碼的快速嵌入方法。在 WordPress 中,嵌入視訊並不需要編碼知識,但該外掛增加了一些有趣的功能,如將視訊放在小工具中、調整視訊大小和更改顏色。雖然該外掛是免費的,但專業版擁有最令人印象深刻的功能。

WpDevArt YouTube Embed 外掛

WpDevArt YouTube Embed 外掛

專業版中,你可以找到建立 YouTube 播放列表、在彈出式視窗中顯示視訊以及在帖子或頁面中設定按鈕簡碼選項的工具。你還可以為每個視訊設定單獨的選項,為視訊提供各種可能性。還可顯示相關視訊以及不同大小的縮圖。該外掛的個人版起價為 12 美元,還能獲得高階客戶支援,這可能會有所幫助。如果您打算在多個網站上使用該外掛,則需要商業或開發人員許可證,起價為 24 美元。

WpDevArt YouTube Embed 外掛功能特徵

  • WpDevArt YouTube Embed 外掛提供了一種嵌入 YouTube 視訊的簡單方法,沒有太多可能看起來令人困惑的功能。它易於安裝,而且所有視訊都能在移動裝置上很好地顯示。
  • 該外掛允許在帖子、頁面和小工具中插入 YouTube 視訊。
  • 雖然該外掛很輕便,但它實際上有很多自定義功能,可以調整視訊大小、自動播放功能和迴圈播放等。
  • 進度條的顏色可以更改,當有人登陸你的網站時,你就可以開始播放視訊。
  • 專業版價格實惠,還提供一些值得考慮的功能。例如,我喜歡在彈出視窗中播放視訊和顯示相關視訊以吸引使用者瀏覽網站上更多內容的想法。

9. YourChannel

就功能和特性設定的獨特性而言,YourChannel 外掛絕對可以位於此列表的首位。如果你在自己的 YouTube 頻道上積累了大量視訊,那麼你會考慮使用該外掛的主要原因。安裝後,該外掛可以將你的整個頻道拉到你的網站上。與本列表中的其他一些外掛不同,YourChannel 可模擬您在 YouTube 上觀看頻道時的效果。它還擁有顯示單個視訊和自動播放功能的工具。

YourChannel 外掛

YourChannel 外掛

視覺化生成器可幫助你構建自己想要的 YouTube 頻道外觀。此外,還有七種視訊縮圖樣式,讓你在展示自己喜愛的視訊時更有創意。所有這些,包括翻譯工具,都在免費版本中提供。如果你想使用專業版,個人許可證只需 15 美元。這包括一年的客戶支援,以及大量的功能,如指定要播放的視訊數量。值得一看的是專業版的功能列表,因為其中有幾十項功能–如搜尋頻道功能、顯示視訊時長和換色工具。

YourChannel 外掛功能特徵

  • 免費版本可以顯示完整的 YouTube 頻道,類似於 YouTube 本身的顯示方式。
  • 您可以顯示橫幅、播放列表和單個視訊等專案,而無需進行編碼或使用複雜的嵌入工具。
  • 所有視訊都是響應式的,並以可以排序的方式進行組織。
  • 高階版本功能強大,價格實惠。
  • 例如,一些更獨特的高階功能包括主題、視訊評論、視訊開始時間和播放器導航。
  • 免費版中的快取功能一定會改善網站的頁面載入時間。
  • 免費版還有一個漂亮的燈箱,讓使用者沉浸在您的視訊中。

YouTube Gallery 外掛從名字上就不難理解。它能將 YouTube 視訊列表整合在一起,並以時尚的相簿或列表形式顯示。我們如此喜歡它的原因是,有時你找到一個相簿外掛,卻發現它的顯示效果並不優雅。然而,YouTube 相簿外掛卻能讓它變得簡單而美觀,無需你做太多工作。

有趣的是,大部分功能都是免費版提供的,開發者似乎並沒有大力推廣專業版。不過,如果你想要一些附加功能和全面的客戶支援,專業版是個不錯的選擇。客戶支援顯然是一個加分項,但您還可以獲得其他一些升級,包括更好的搜尋引擎優化工具、批量上傳選項以及用於更好地插入視訊的簡碼生成器。

YouTube Gallery 外掛

YouTube Gallery 外掛

如果你只想上傳一兩個視訊,那麼這個外掛可能並不適合你。儘管如此,對於那些想上傳幾十個視訊到自己的網站,並且更願意從 YouTube 上獲取視訊的人來說,這是一個必不可少的解決方案。或者,你也可以選擇從 YouTube 上的多個視訊源中整理視訊。這款外掛之所以效果如此之好,其中一個主要原因是您可以不費吹灰之力就調整相簿。例如,它提供網格相簿和列表,以及大小修改器和簡碼建立器。

YouTube Gallery 外掛功能特徵

  • 該外掛以時尚、優雅的方式顯示您的視訊集合。
  • 基本外掛是免費的,但您可以花 99.99 美元升級以獲得數十種附加功能。
  • 主相簿以四列響應式佈局顯示視訊。你不需要做太多的編輯工作。
  • 視訊內容會在視訊頁面上顯示,方便使用者瞭解視訊內容。
  • 該外掛帶有兩個側邊欄小部件,用於在多個頁面上展示較小的視訊。這些小工具用於展示 YouTube 特色視訊和 YouTube 近期視訊。

小結

在嘗試瞭解如何在 WordPress 中嵌入 YouTube 時,我們會發現許多外掛都非常相似。我們根據每個外掛的最佳功能對其進行了細分,但看起來還是有點混亂。下面我們將根據您的具體情況為您推薦最佳外掛。這樣,您就可以選擇其中的兩三個,並在自己的網站上進行測試。我發現視訊相簿外掛需要測試,因為有些人更喜歡某些佈局。另外,你可能會發現某個外掛與你的主題或其他外掛配合得不好。

  • 要獲得最佳的全方位 YouTube 嵌入外掛,請使用 YouTube by EmbedPlus。
  • 為了懶散地載入所有嵌入的 YouTube 視訊 – 考慮使用 WP YouTube Lyte。
  • 要為你的視訊生成一個漂亮的相簿-可以考慮Video Gallery – YouTube Gallery
  • 要從社交網路中提取視訊(並在視訊中加入社交分享按鈕)- 試試 Feed Them Social。
  • 如果您想要多種相簿佈局組合 – YotuWP 外掛是一個不錯的選擇。
  • 如果你剛開始做視訊網站,想要一個完整的 YouTube 相簿主題,Videozoom 外掛將是你的正確選擇。
  • 如果你更喜歡所見即所得的編輯器而不是簡碼,可以考慮使用 ARVE Advanced Responsive Video Embedder。
  • 如果想獲得最基本的 YouTube 嵌入工具,請考慮 WpDevArt YouTube Embed。
  • 要拉動整個 YouTube 頻道並以 YouTube 上的顯示方式顯示 – 使用 YourChannel。
  • 如果你想測試不同的相簿外掛 – YouTube Gallery外掛可以建立出色的相簿。

如果您對在 WordPress 中嵌入 YouTube 的方法有任何疑問,請在評論中告訴我們!

評論留言