如何在 WordPress 中插入 YouTube 視頻剪輯作為全屏資格

已發表: 2023-06-10


您是否正在尋找一種方法將 YouTube 視頻剪輯作為 WordPress 中的全屏背景?

如果精心使用,歷史影片可以立即吸引訪問者的注意力並繼續將他們留在您的網站上。 這將使它們成為登陸互聯網頁面和收入網頁的絕佳選擇。

在這篇文章中,我們將向您展示如何在 WordPress 網站上插入 YouTube 視頻作為全屏背景。

How to add YouTube video as fullscreen background in WordPress

為什麼使用 YouTube 視頻作為全屏跟踪記錄?

當訪問者最初登陸您的 WordPress 網站時,您只有幾秒鐘的時間來引起他們的興趣並讓他們留下來。

引人入勝且引人注目的視頻歷史記錄是保留網站訪問者的絕佳方式。 此外,還有許多獨特的 WordPress 主題可以支持電影背景。

然而,在 WordPress 上上傳和託管在線視頻可能會佔用大量帶寬。 根據您的 WordPress 網絡託管準備,您可能甚至需要購買額外的存儲空間。

唯一的解決方案是將 YouTube 電影合併為全屏背景。 通過這種方式,您可以從競爭對手中脫穎而出,而無需降低網站速度或占用更多存儲空間。

據報導,讓我們看看如何將 YouTube 電影添加為 WordPress 網站上的全屏歷史記錄。

如何在 WordPress 中將 YouTube 在線視頻作為全屏跟踪記錄包含在內

將 YouTube 電影作為全屏記錄的最簡單方法是使用高級 WordPress 背景。 該插件添加了一個新的跟踪記錄塊,允許您使用任何顏色、圖像或電影(包括 YouTube 視頻)創建全屏歷史記錄。

An example of a YouTube video background in WordPress

最初,您必須安裝並激活該插件。 如果您需要幫助,那麼您應該查看我們有關如何設置 WordPress 插件的手冊。

激活後,只需前往頁面或發布您想要將 YouTube 視頻片段添加為全屏資格的位置即可。 然後您可以提前進行操作,只需單擊“+”按鈕即可。

在出現的彈出窗口中,開始輸入“背景 AWB”。 當出現適當的塊時,單擊它以將其添加到網站。

How to add a fullscreen video to a WordPress blog post or page

在左側菜單中,您將看到三個選項卡,用於顯示您可以生成的各種形式的全屏背景:陰影、印象和在線視頻。

考慮到您想要插入 YouTube 視頻,請單擊“視頻”選項卡。

該插件允許您使用自託管視頻作為資格。 儘管如此,視頻剪輯會佔用大量存儲和帶寬,因此您永遠不應該將視頻上傳到 WordPress。

報告剩餘內容後,選擇“YouTube/視頻”選項卡。

How to add a YouTube video as a fullscreen background in WordPress

現在,您需要在 WordPress 博客網站上使用的 YouTube 電影的 URL。

在新選項卡中,只需轉到視頻剪輯並複制地址欄中的超鏈接。

Getting the URL for a YouTube video

執行此操作後,再次切換回 WordPress 儀表板並將 URL 粘貼到“視頻 URL”選項卡中。

現在,WordPress 塊編輯器將顯示此跟踪記錄的顯示方式的預覽。 複雜的 WordPress 背景會根據您在其上添加的書面內容修改視頻的尺寸,因此,如果當前的視頻看起來有點小,請不要擔心。

How to customize a YouTube background video in WordPress

在開始介紹書面內容之前,配置背景設置是一個很棒的策略。

默認情況下,移動設備上禁用視頻剪輯背景。 與台式個人電腦相比,智能手機和平板電腦通常具有較小的屏幕和相當少的處理能力。 考慮到這一點,在移動設備上禁用視頻資格是一個更好的想法。

即便如此,如果您確實想在移動設備上顯示視頻剪輯跟踪記錄,請單擊以激活“在移動設備上啟用”開關。

Showing a YouTube background on mobile devices

該塊開箱即用,將循環播放完整的 YouTube 視頻剪輯。

另一種選擇是通過在“開始時間”和“結束時間”容器中輸入正確的時間來參與電影的不同部分。

How to add a YouTube background video to a website

您還可以通過禁用“循環”開關來停止視頻循環播放。

默認情況下,只有當訪問者可以在瀏覽器中觀看電影時,電影才會播放。 這可以提高您的 WordPress 速度和效率,因此您通常會希望禁用“始終播放”開關。

當您最初合併視頻時,它以 100% 不透明度顯示,因此看起來效果不錯。

根據您網站的佈局,您可能希望通過拖動“圖像不透明度”滑塊來嘗試半清晰的視頻背景。 這可以成為製作更精緻的 YouTube 電影歷史的一種方式。

Changing the opacity settings for a YouTube video

如果您嘗試不透明度,那麼您可能還想嘗試添加彩色疊加層。

只需單擊即可增加“疊加顏色”部分,然後使用這些配置來生成不同顏色的疊加。

Adding an overlay to a video background

最先進的 WordPress 背景插件支持許多不同的視差結果。 這是當今的網絡佈局策略,其中歷史部分的滾動速度比前台書面內容慢,這通常為網站頁面樣式和設計提供深度。

要考慮不同的視差後果,只需單擊以擴大“視差”部分,然後從下拉菜單中選擇替代方案。

Adding parallax effects to a WordPress website

選擇視差模式後,您將獲得一些可以改變速度的附加選項。 您還可以允許和禁用單元格單位的視差效果。

同樣,您可以嘗試各種鼠標視差結果,這會導致當用戶移動鼠標時背景更加緩慢但穩定地滾動。

要選擇查看這些配置,請單擊展開“鼠標視差”部分。

Adding mouse parallax effects to a background video

當您對 YouTube 在線視頻資格的設置方式感到滿意時,就可以開始添加文字內容,例如文本、鏈接以及插圖或照片。

首先,單擊資格 (AWB) 塊中間的“+”圖標。

Adding blocks to a YouTube background video

這將打開一個彈出窗口,您可以在其中選擇要插入的塊。 最先進的 WordPress 背景插件可與所有傳統的 WordPress 塊一起運行,因此您可以包含任何您想要的文章。

配置第一個塊後,基本上只需再次單擊“+”按鈕,然後包含您要使用的即將到來的塊。

Adding a RafflePress giveaway block to a video background

只需不斷重複此方法即可開發帖子或網站頁面佈局。

當您對它的外觀感到滿意時,只需單擊“更新”或“發布”按鈕即可使網頁生效。 現在,如果您查看您的 WordPress 網站,您將看到正在運行的電影資格。

An example of a YouTube video background in WordPress

附贈:如何在 WordPress 中插入 YouTube 視頻源

在營銷您的 YouTube 頻道時,視頻剪輯歷史記錄可以吸引訪問者的注意。 但是,如果您確實希望在 YouTube 上吸引更多的人和訂閱者,那麼您可能需要向您的網站添加更多電影。

這就是 Smash Balloon 發揮作用的地方。

Smash Balloon YouTube Feed Professional 是市場上最出色的 YouTube 圖庫插件。 它會立即顯示您的 YouTube 頻道中的所有最新視頻剪輯,因此人們通常會看到最新的材料。

Embedding a YouTube playlist using Smash Balloon

僅使用 Smash Balloon 的輕鬆編輯器生成 YouTube 提要,然後使用可能的短代碼或插件完全準備好的塊將其插入到任何頁面或帖子中。

您還可以使用 Smash Balloon 在您的 WordPress 網站上嵌入 YouTube 播放列表、收藏夾和直播。

Creating a YouTube feed using the Smash Balloon social media plugin

Smash Balloon 最大的優點是它不會減慢您的網站速度。 該插件內置的 YouTube 緩存功能將絕對確保您的網站不斷快速加載,這有利於搜索引擎優化。

我們希望這篇文章可以幫助您了解如何將 YouTube 視頻片段添加為 WordPress 中的歷史記錄。 您可能還想測試一下我們關於如何使用 WordPress 構建登陸網頁的指南以及我們精選的最佳 YouTube 電影庫插件。

如果您喜歡這篇文章,請務必訂閱我們的 WordPress 在線視頻教程 YouTube 頻道。 您還可以在 Twitter 和 Facebook 上找到我們。