維看幫助中心

如何使用視頻組件?

瀏覽數量:211     作者:本站編輯     發佈時間: 2017-02-08      來源:本站

一、什麼是視頻組件?


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



二、如何使用視頻組件?

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

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

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


2、如何添加視頻組件?

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

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

圖1:

視頻組件.jpg



3、如何設置視頻組件?


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

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

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


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

組件標題:根據需要來填寫,填寫則顯示,不填寫不顯示也不佔位置;

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

視頻來源:單擊“如何獲取視頻來源?”來獲取視頻的通用代碼粘貼在這裡;

選擇預覽圖片:視頻預覽支持從本地上傳;

圖2:

設置視頻1.jpg


視頻信息:針對視頻的介紹,可以填寫在視頻信息這一欄;

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

圖3:

設置視頻2.jpg


3.3保存組件設置中的內容

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

保存.jpg



4、保存、預覽、發布

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

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

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

保存預覽發布.png



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

單擊查看:

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

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




三.組件優化



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

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

(2)操作方法:

QQ圖片20180504165004




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

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

(2)新增功能操作方法:

QQ圖片20180509132646




3、“視頻”組件中增加oEmbed視頻模式的支持;(2019-8-6優化)

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

【演示示例】在“視頻”組件的“視頻來源”輸入框中,輸入Youtube、Viemo、Dailymotion這三個視頻網站的視頻鏈接,就可以直接在預覽和前台網站播放對應的視頻,以下為每個平台的視頻鏈接示例:
1)Youtubehttps://www.youtube.com/watch?v=ChgFTdctMMY

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

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

視頻組件


建站流程

找不到你的問題?
135-6001-3420
seoprixcom@gmail.com
214227632
Facebook
Twitter
Google
LinkedIn
Instagram
維看雲建站系統
專業外貿建站系統,為您打造一個適合谷歌的優化網站!
  • 客服QQ
    214227632
  • 微信手機
    (852) 6741 8807
  • 郵箱
    seoprixcom@gmail.com