如何使用視頻組件？

一、什麼是視頻組件？

視頻組件是一個展示視頻的模塊，單擊此視頻可以直接在網站上播放，支持彈出窗口的形式播放，也支持嵌入在頁面中播放。視頻組件一般應用在非產品詳情頁面或非文章詳情頁面，比如在首頁、關於我們等頁面上添加視頻的情況，這個視頻不是直接上傳到領動網站上，因為我們本身並不具備視頻上傳和傳播的資質，需要用戶將視頻上傳到第三方視頻播放平台（比如：優酷、YouTube等），他們會提供視頻地址，然後將視頻地址放到我們的視頻組件上，即可實現在客戶網站上播放視頻的功能。

二、如何使用視頻組件？

1、如何查看視頻組件是否已經存在？

如果這個視頻組件已經存在了，就不需要再添加，直接根據需要進行相關操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加視頻組件了；怎麼判斷頁面上有沒有這個組件？單擊查看如何查看某一塊內容是使用什麼組件製作的？

2、如何添加視頻組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“視頻”，如下圖1所示：

圖1：

3、如何設置視頻組件？

3.1 進入組件的“設置”分兩種場景

1）此組件已經添加好的場景：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設置話框。

3.2 在組件設置中設置組件的內容

組件標題：根據需要來填寫，填寫則顯示，不填寫不顯示也不佔位置；

視頻播放方式：支持彈窗播放或嵌入播放；彈窗播放即彈出窗口的形式播放，嵌入播放指嵌入在頁面中播放，測試一下就可以看出區別了；

視頻來源：單擊“如何獲取視頻來源？”來獲取視頻的通用代碼粘貼在這裡；

選擇預覽圖片：視頻預覽支持從本地上傳；

圖2：

視頻信息：針對視頻的介紹，可以填寫在視頻信息這一欄；

視頻信息位置：可以設置為左對齊、居中或右對齊。

圖3：

3.3保存組件設置中的內容

視頻組件的內容設置好以後，需要單擊設置框右下角的“保存”按鈕；

4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。

有的用戶需要在產品詳情頁面上傳關於該產品的視頻介紹，或者在文章詳情頁面上傳相關的視頻，不能視頻組件來實現，那麼應該怎麼操作呢？

單擊查看：

如何在某一條產品頁面上傳視頻？

如何在某一篇文章頁面上傳視頻？

三.組件優化

1.視頻組件新增視頻播放方式彈窗模式 （2018-01-26優化）

（1）新增模式應用場景：部分用戶在查看網頁中的視頻時，不希望全屏播放。現在可以設置視頻播放方式為“彈窗模式”，這樣不遮擋網站的內容和聊天工具和其他界面。

（2）操作方法：

2.視頻組件增加nofollow的選擇項。 （2017-11-30優化）

（1）新增功能的應用場景：在視頻組件的內容設置中，增加了nofollow的選擇項，勾選後，搜索引擎將不會跟踪此鏈接，可以降低網站權重的分散。

（2）新增功能操作方法：

3、“視頻”組件中增加oEmbed視頻模式的支持；（2019-8-6優化）

【應用場景】在設置“視頻”組件中視頻來源的鏈接時，可以直接粘貼視頻的網址鏈接使用，提高用戶設置視頻鏈接的效率；

3）Dailymotionhttps://www.dailymotion.com/video/x7e55ki?playlist=x6fxyp

【操作指導】視頻網址鏈接如下圖所示：