如何使用 Elementor 輕鬆製作視頻播放列表而無需任何編碼 [2022]

雖然將視頻添加到您的網站非常容易，但使用 Elementor 製作視頻播放列表對內容創建者來說是一個挑戰。 現在，通過Elementor PRO的最新更新，您可以輕鬆地為您的網站創建精美的視頻播放列表並展示您的視頻。

Elementor Pro 3.3帶有一個全新的“視頻播放列表”小部件，它改變了網絡創建者向其網站添加多媒體內容的方式。 現在，您可以通過精美地展示動畫和交互式視頻播放列表來吸引您的網站訪問者並讓他們在您的頁面上停留更長時間，甚至可以以您想要的任何方式對其進行自定義，而無需觸摸一行代碼。

無需編碼即可在 Elementor 中精美顯示視頻播放列表

對於任何內容創建者來說，在 WordPress 中添加視頻播放列表等交互式視覺內容有助於提高與網站訪問者的互動。 這不僅適用於為 Youtube 創建內容的人，也適用於任何擁有 WordPress 網站的人，例如游戲玩家、健身教練、舞蹈老師，甚至是小企業主。

使用Elementor Pro 3.3 ，您現在可以以前所未有的方式顯示您的視頻內容。 您不僅可以決定要添加到播放列表中的特定視頻，還可以控制它們的顯示順序，自定義播放圖標、標籤、縮略圖和疊加層等等。

最好的部分？ 在 Elementor 中製作視頻播放列表只需 5 分鐘。

這還不是全部，您甚至可以為您的視頻啟用延遲加載，以便它們在需要播放之前不會加載。 這將使您的網頁加載更快，並增強您的網站訪問者的體驗。

讓我們深入了解 Elementor 中的這個新小部件是如何工作的，以及如何使用它在 WordPress 中創建漂亮的視頻播放列表。

在您的 WordPress 網站上無縫添加多個視頻

在您的 WordPress 網站上一次上傳一個視頻可能會有點麻煩，尤其是當您有很多重要的視頻內容要與網站訪問者分享時。 它不僅會使您的網頁更重，而且單獨上傳視頻會佔用大量頁面空間和時間。

但是，使用視頻播放列表，您可以創建一個部分，將所有視頻內容整齊地組織在適當的位置，並讓您的網站訪問者選擇他們想要播放的視頻。 這將為您留出更多空間來在您的網頁上添加其他內容、減少滾動內容並鼓勵網站訪問者在您的網站上停留更長時間。

以您想要的任何方式個性化您的視頻播放列表和样式

您可以在Elementor Editor中以任何方式設置播放列表的樣式，賦予其個人風格並推廣您的品牌。 您所要做的就是調整“樣式”選項卡中的設置，讓您的播放列表脫穎而出。 您可以選擇添加自定義縮略圖、在視頻下方添加標籤以顯示說明或視頻腳本等等。

通過引人入勝的教程播放列表使在線學習更容易

如果您要與網站訪問者共享教程，那麼Elementor的這個視頻播放列表小部件將幫助您提高參與率。 無論您是分享產品教程、分享在線教育視頻、舞蹈教程還是健身教程，您的網站訪問者都將能夠通過更具互動性的視覺內容了解您的產品或業務。

如何在 WordPress 上使用 Elementor 製作視頻播放列表

因此，現在您已經了解視頻播放列表如何讓您的網站脫穎而出並獲得更多網站訪問者的參與。 讓我們深入了解本教程，看看如何使用 Elementor 在 WordPress 中創建視頻播放列表。

注意：如果您不熟悉使用 Elementor 網站構建器，您可以查看我們完整的初學者指南，了解如何使用 Elementor 以獲取有用的提示和技巧。

第 1 步：在您的網站上安裝和激活 Elementor

首先，您必須在您的 WordPress 網站上安裝並激活 Elementor 。 完成後，請確保還安裝Elementor Pro ，因為此小部件專門用於網站構建器的高級版本。

安裝並激活 Elementor 和 Elementor Pro 後，前往 WordPress 儀表板並創建一個新頁面。 單擊藍色的“使用 Elementor 編輯”按鈕，如下所示。 這將在 Elementor Editor 中打開您的頁面。

第 2 步：拖放視頻播放列表小部件

Elementor Editor 加載完成後，從左側面板轉到“ELEMENTS”選項卡並蒐索“Video Playlist”小部件。 現在您所要做的就是將小部件拖放到頁面的任何部分。 您的播放列表將默認顯示如下。

第 3 步：添加您的視頻播放列表並配置內容

您現在可以一一添加您的視頻，在 WordPress 上創建您自己的自定義播放列表。 在“內容”選項卡中，單擊“播放列表”選項。 在這裡，您只需粘貼 URL 或上傳您自己的文件即可添加您的視頻。

如果您從 Youtube 分享視頻，請單擊“類型”選項並將來源設置為“Youtube”。 如果您從其他來源分享您的視頻，只需切換到“自託管” ，然後通過打開“分享外部 URL”選項上傳您的視頻或分享您的視頻鏈接。

對於 Youtube 視頻，您可以輕鬆點擊“獲取視頻數據”按鈕，立即從 Youtube 導入您的所有視頻設置和信息，包括您的視頻縮略圖和標題。

如果您想分享有關您的視頻的其他信息（例如描述或腳本），您還可以選擇為您的視頻顯示“內容選項卡” 。

要添加更多視頻，請單擊“播放列表”中的“+ 添加項目”按鈕，然後重複上述步驟。 隨意添加盡可能多的視頻，以在 Elementor 中創建播放列表。

還有很多選項可以幫助您配置播放列表的內容，並為您的網站訪問者提供更好的服務。 例如，從“標籤”選項中，您可以添加視頻標籤的名稱，使其可折疊並調整高度。

您還可以添加自定義圖像疊加和播放圖標，甚至打開加載時自動播放、顯示視頻計數和持續時間等附加選項，並啟用延遲加載以加快網頁速度。

第 4 步：在 Elementor 中設置和自定義您的視頻播放列表

這是本教程中最好的部分。 在這裡，我們將向您展示如何自定義播放列表並添加您自己的個人風格。 從更改佈局高度、自定義頂部欄、選項卡等的顏色，您可以以各種可以想像的方式設置播放列表的樣式。 只需單擊幾下，即可使用設置並為您的網站設計漂亮的播放列表。

您甚至可以使用Elementor 的全局顏色和字體功能來確保播放列表的設計與您的網站顏色或品牌顏色一致。 如果需要，您還可以通過添加自定義 CSS 代碼片段來進一步自定義。

第 5 步：在 WordPress 上發布和分享您的視頻播放列表

現在您已完成將視頻添加到播放列表並自定義外觀，剩下要做的就是與全世界分享。 保存您所做的更改，並預覽您的頁面以查看播放列表在實時網站上的顯示方式。 如果您喜歡它的外觀，請點擊“發布”按鈕在您的 WordPress 網站上分享您的播放列表。

查看我們在下面的本教程中製作的那個。

使您的網站與視頻播放列表互動

如您所見，在 WordPress 中創建一個令人驚嘆且設計精美的視頻播放列表再簡單不過了。 今天就親自嘗試一下，並通過在 Elementor 中製作交互式視頻播放列表來提高參與度。

喜歡本教程嗎？ 在下面的評論中與我們分享您的想法； 我們很樂意聽取您的意見。 如需更多有趣的教程、新聞和更新，請訂閱我們的博客或加入我們友好的 Elementor 用戶社區，如您自己。