新聞中心

站在用戶的角度思考問題,與客戶深入溝通,找到都江堰網(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


咨詢
建站咨詢
