日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
古騰堡編輯器教程:如何使用WordPress視頻區(qū)塊

站在用戶的角度思考問題,與客戶深入溝通,找到都江堰網(wǎng)站設計與都江堰網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站建設、網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)絡空間、企業(yè)郵箱。業(yè)務覆蓋都江堰地區(qū)。

wordpress視頻區(qū)塊使您可以輕松地將視頻上傳和添加到您的頁面和文章。它為您提供了大量控制大小和功能的選項。使用此區(qū)塊添加視頻使內(nèi)容看起來更專業(yè)和可取。幸運的是,視頻區(qū)塊易于使用。

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

如何將視頻區(qū)塊添加至文章或頁面

要將視頻區(qū)塊添加到您的內(nèi)容中,首先,將光標放在您希望區(qū)塊出現(xiàn)的位置,然后選擇插入器工具。接下來,將打開一個搜索框,您可以在其中搜索區(qū)塊或滾動查看選項。搜索視頻并在結果中顯示時選擇它。

如果您愿意,可以在要放置區(qū)塊的位置鍵入/video并按 Enter 鍵或從選項中選擇它。

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

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

視頻區(qū)塊設置和選項

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

視頻區(qū)塊工具欄

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

視頻更改區(qū)塊或樣式

選擇視頻播放圖標會打開一個下拉框,您可以在其中將區(qū)塊轉(zhuǎn)換為其他類型的區(qū)塊。此示例顯示封面。

  • 組合– 這會將區(qū)塊添加到組中,以便您可以將它們作為單個區(qū)塊進行調(diào)整。
  • 欄目– 這會將區(qū)塊放置在列中。
  • 媒體和文本– 這會在媒體旁邊添加文本,創(chuàng)建兩列。
  • 封面– 這會在視頻上放置一個標題。您可以將標題從段落區(qū)塊更改為其他類型的文本區(qū)塊或按鈕。
  • 文件– 這會將視頻更改為帶有標題的按鈕,允許用戶下載視頻而不是從網(wǎng)站播放。

視頻區(qū)塊拖動工具

用鼠標抓住拖動工具將其移動到內(nèi)容中的任何位置。將出現(xiàn)一條藍線,指示在您四處拖動區(qū)塊時將放置該區(qū)塊的位置。

然后視頻區(qū)塊將被放置在其新位置。

視頻區(qū)塊移動

使用向上和向下箭頭將視頻區(qū)塊移動一個內(nèi)容部分。

視頻區(qū)塊對齊方式

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

這是寬幅。它占據(jù)了大部分屏幕。

視頻區(qū)塊文本軌道

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

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

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

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

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

  • 字幕– 對話的翻譯。
  • 說明文字– 對話、音效、音樂等的轉(zhuǎn)錄。
  • 內(nèi)容描述– 描述正在發(fā)生的事情的文本。
  • 章節(jié)– 用于導航的章節(jié)標題。
  • 元數(shù)據(jù)– 供JavaScript使用的數(shù)據(jù)。

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

視頻區(qū)塊替換

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

視頻區(qū)塊選項

選項包括隱藏更多設置、復制、復制、在之前或之后插入、移動到、作為HTML編輯、添加至可重用區(qū)塊、組合和刪除區(qū)塊。

以下是選項的作用:

  • 隱藏更多設置– 這會隱藏右側(cè)邊欄,消除干擾并擴展您的工作空間。
  • 復制– 這會將視頻區(qū)塊復制到剪貼板,以便您可以將其粘貼到內(nèi)容中的任何位置。
  • 創(chuàng)建副本– 這會在原始區(qū)塊下添加區(qū)塊的副本。
  • 在區(qū)塊前插入– 這會在此區(qū)塊上方添加一個區(qū)塊區(qū)域,以便您可以放置??另一個區(qū)塊。
  • 在區(qū)塊后插入– 這會在此區(qū)塊下方添加一個區(qū)塊區(qū)域,您可以在其中放置另一個區(qū)塊。
  • 移動至– 這使您可以向上或向下移動區(qū)塊。它是通過使用箭頭鍵在您想要區(qū)塊的位置放置一條藍線并按Enter來移動的。
  • 作為HTML編輯 – 這僅顯示此區(qū)塊的HTML,其他區(qū)塊保持正常。
  • 添加至可重用區(qū)塊– 將區(qū)塊添加到您的可重用區(qū)塊中,以便您可以在其他頁面或文章上重用它。
  • 組合– 這會將區(qū)塊添加到組中,以便您可以將所有區(qū)塊作為一個單元進行調(diào)整。
  • 刪除區(qū)塊– 這將刪除區(qū)塊。

視頻區(qū)塊字幕選項

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

  • 內(nèi)聯(lián)代碼
  • 內(nèi)嵌圖片
  • 鍵盤輸入
  • 刪除線
  • 下標
  • 上標
  • 文字顏色

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

視頻區(qū)塊設置

視頻區(qū)塊的設置包括視頻和高級。讓我們看看兩者。

視頻設置

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

  • 自動播放– 當頁面加載時自動播放視頻。
  • 循環(huán)– 連續(xù)循環(huán)播放視頻。
  • 靜音– 使音頻靜音。
  • 回放控制– 隱藏或顯示播放器控件。當控件隱藏時,用戶將無法控制視頻。必須啟用自動播放。
  • 內(nèi)聯(lián)播放 – 在元素的播放區(qū)域內(nèi)播放視頻。
  • 預加載– 設置加載頁面時下載的視頻量。選擇自動(整個視頻)、元數(shù)據(jù)(僅基本信息)或無(不自動下載任何內(nèi)容)。
  • 海報圖像– 可讓您用特色圖像替換視頻第一幀的屏幕截圖。除非您停用它們,否則它仍會顯示播放器控件。我在上面的例子中添加了一個新圖像。

高級

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

  • HTML錨點– 允許您指定用作此特定區(qū)塊的自定義URL的文本。
  • 附加CSS類– 提供一個字段來添加要用于此區(qū)塊的任何CSS類。

有效使用視頻區(qū)塊的提示和最佳實踐

如果您要嵌入來自YouTube或Vimeo等來源的視頻,請使用它們的區(qū)塊而不是視頻區(qū)塊。

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

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

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

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

不要使用視頻圖像的第一幀,而是創(chuàng)建您想要點擊的特色圖像。

關于視頻區(qū)塊的常見問題

這個區(qū)塊的目的是什么?

此區(qū)塊使您可以輕松地在您的網(wǎng)站上托管視頻,并讓您控制播放器的工作方式。

視頻區(qū)塊和視頻嵌入?yún)^(qū)塊有什么區(qū)別?

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

使用此區(qū)塊的最佳方法是什么?

使用循環(huán)自動播放并刪除產(chǎn)品演示和簡短教程剪輯的播放器控件。對于較長的視頻,請禁用自動播放并保持啟用控件。

小結

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


標題名稱:古騰堡編輯器教程:如何使用WordPress視頻區(qū)塊
轉(zhuǎn)載源于:http://www.5511xx.com/article/cdgpjpo.html