如何使用 WordPress 視頻塊

WordPress Video Block 使您可以輕鬆地將視頻上傳和添加到您的頁面和帖子。 它為您提供了大量控制尺寸和功能的選項。 使用此塊添加視頻使內容看起來更專業和可取。 幸運的是，視頻塊易於使用。

在本文中，我們將探索視頻塊。 我們還將看到它的設置和選項，查看有關如何使用它的一些提示和最佳實踐，以及常見問題。

如何將視頻塊添加到您的帖子或頁面

要將視頻塊添加到您的內容中，首先，將光標放在您希望塊出現的位置，然後選擇插入器工具。 接下來，將打開一個搜索框，您可以在其中搜索塊或滾動查看選項。 搜索視頻並在結果中顯示時選擇它。

如果您願意，可以在要放置塊的位置鍵入/video並按 Enter 鍵或從選項中選擇它。

視頻塊將放置在內容區域內。 插入媒體的工作方式與圖像塊相同。 上傳視頻、從庫中選擇視頻或插入要顯示的視頻的 URL。 如果 URL 來自 YouTube 等來源，則該塊將轉換為該類型的塊。 在您上傳視頻之前，選項很少。

視頻播放器包括所有基本播放選項，包括播放/暫停按鈕、進度條、音頻、全屏以及下載和畫中畫按鈕。 畫中畫將視頻放置在右下角，以便在用戶滾動瀏覽網站時可以播放。 您可以在視頻下方放置標題。

視頻塊設置和選項

選項和設置包括工具欄和側邊欄。 在上傳視頻之前，您不會看到所有這些設置。

視頻塊工具欄

單擊視頻塊內的任意位置以查看工具。 在您在此塊下添加塊區域之前，某些工具可能不會顯示。 讓我們詳細看看每個設置。

視頻更改塊或樣式

選擇視頻播放圖標會打開一個下拉框，您可以在其中將塊轉換為其他類型的塊。 此示例顯示封面。

組- 這會將塊添加到組中，以便您可以將它們作為單個塊進行調整。

列- 這會將塊放置在列中。

媒體和文本- 這會在媒體旁邊添加文本，創建兩列。

封面- 這會在視頻上放置一個標題。 您可以將標題從段落塊更改為其他類型的文本塊或按鈕。

文件- 這會將視頻更改為帶有標題的按鈕，允許用戶下載視頻而不是從網站播放。

視頻塊拖動工具

用鼠標抓住拖動工具將其移動到內容中的任何位置。 將出現一條藍線，指示在您四處拖動塊時將放置該塊的位置。

然後視頻塊將被放置在其新位置。

視頻塊移動

使用向上和向下箭頭將視頻塊移動一個內容部分。

視頻塊變化對齊

對齊選項包括左、中、右、寬和全寬。 左右對齊將下一個塊中的文本環繞在視頻周圍。 我已將此示例設置為右對齊。

這是寬幅。 它佔據了大部分屏幕。

視頻塊文本軌道

文本軌道在視頻播放時顯示字幕。 它們的格式為 WebVTT（Web 視頻文本軌道）.vtt 文件。 文件從媒體庫加載。

上傳 .vtt 文件後，您將看到編輯曲目的選項。 添加標籤，選擇語言，然後選擇曲目類型。

標籤是用戶在查看可用軌道時將看到的文本軌道的標題。

源語言是文本軌道的語言。

種類是指將顯示的軌道類型。 選項包括：

• 字幕- 對話的翻譯。
• 字幕- 對話、音效、音樂等的轉錄。
• 描述– 描述正在發生的事情的文本。
• 章節- 用於導航的章節標題。
• 元數據– 供 JavaScript 使用的數據。

然後將字幕添加到用戶可以選擇的播放器選項中。

視頻塊替換

這使您可以用不同的視頻替換視頻。

視頻塊選項

選項包括隱藏更多設置、複製、複製、在之前或之後插入、移動到、編輯為 HTML、添加到可重用塊、分組和刪除塊。

以下是選項的作用：

隱藏更多設置- 這會隱藏右側邊欄，消除乾擾並擴展您的工作空間。

複製- 這會將視頻塊複製到剪貼板，以便您可以將其粘貼到內容中的任何位置。

重複- 這會在原始塊下添加塊的副本。

插入前- 這會在此塊上方添加一個塊區域，以便您可以放置​​另一個塊。

插入後- 這會在此塊下方添加一個區域，您可以在其中放置另一個塊。

移動到- 這使您可以向上或向下移動塊。 它是通過使用箭頭鍵在您想要塊的位置放置一條藍線並按 Enter 來移動的。

編輯為 HTML - 這僅顯示此塊的 HTML，其他塊保持正常。

添加到可重用塊- 將塊添加到您的可重用塊中，以便您可以在其他頁面或帖子上重用它。

組- 這會將塊添加到組中，以便您可以將所有塊作為一個單元進行調整。

刪除塊- 這將刪除塊。

視頻塊字幕選項

標題也有一組選項。 單擊標題區域內的任意位置會打開一個帶有粗體、斜體和鏈接選項的小工具欄。 它還包括格式化選項。 選項包括：

• 內聯代碼
• 內嵌圖片
• 鍵盤輸入
• 刪除線
• 下標
• 上標
• 文字顏色

每個都會影響您突出顯示的文本。

視頻塊設置

視頻塊的設置包括視頻和高級。 讓我們看看兩者。

視頻設置

視頻設置可讓您控製播放器的工作方式。 選項包括：

自動播放- 當頁面加載時自動播放視頻。

循環– 連續循環播放視頻。

靜音– 使音頻靜音。

播放控件- 隱藏或顯示播放器控件。 當控件隱藏時，用戶將無法控制視頻。 必須啟用自動播放。

Play Inline – 在元素的播放區域內播放視頻。

預加載- 設置加載頁面時下載的視頻量。 選擇自動（整個視頻）、元數據（僅基本信息）或無（不自動下載任何內容）。

海報圖像- 可讓您用特色圖像替換視頻第一幀的屏幕截圖。 除非您停用它們，否則它仍會顯示播放器控件。 我在上面的例子中添加了一個新圖像。

先進的

高級視頻設置包括 HTML 錨點和其他 CSS 類。

HTML 錨點– 允許您指定用作此特定塊的自定義 URL 的文本。

附加 CSS 類- 提供一個字段來添加要用於此塊的任何 CSS 類。

有效使用視頻塊的提示和最佳實踐

如果您要嵌入來自 YouTube 或 Vimeo 等來源的視頻，請使用它們的塊而不是視頻塊。

壓縮視頻並減少其大小和加載時間。

使用在線字幕生成器或類似應用程序創建 .vtt 軌道。

如果您想提高頁面速度，請將預加載設置為無。 自動下載的數量會影響您的頁面加載速度。

使用左右寬度選項在視頻周圍放置文本，使其在視覺上看起來很有趣。 使用寬和全寬選項來強調視頻。

不要使用視頻圖像的第一幀，而是創建您想要點擊的特色圖像。

關於視頻塊的常見問題

這個塊的目的是什麼？

此塊使您可以輕鬆地在您的網站上託管視頻，並讓您控製播放器的工作方式。

視頻塊和視頻嵌入有什麼區別？

來自 YouTube 和 Vimeo 等來源的嵌入視頻無法讓您控製播放器的功能。

使用此塊的最佳方法是什麼？

使用循環自動播放並刪除產品演示和簡短教程剪輯的播放器控件。 對於較長的視頻，請禁用自動播放並保持啟用控件。

結論

這就是我們對 WordPress Video Block 的看法。 我喜歡它提供的控制水平。 左右對齊特別適合周圍的內容，寬寬度是吸引人們注意視頻的好方法。 添加海報圖片可以吸引用戶的注意力。 此塊是產品演示、教程、音樂等的絕佳選擇。

我們希望聽到您的意見。 你使用視頻塊嗎？ 請在評論中告訴我們您的體驗。

精選圖片來自 PD99/shutterstock.com