瀏覽數量: 3 作者: 本站編輯 發佈時間: 2020-02-06 來源: 本站
有時需要在某一篇文章的詳情頁面展示相關視頻,需要如何操作呢?操作方法如下:
第1步:單擊“內容”--》“文章管理”,默認進入“管理文章”界面;
第2步:找到相應的文章,單擊後面的編輯按鈕,進入文章編輯頁面;
第3步:在文章內容中通過插入Iframe按鈕(如下圖所示)插入視頻,在彈出的“插入Iframe”對話窗口,輸入從優酷或youtube獲取的通用代碼、輸入視頻顯示的寬度和高度,視頻圖片直接顯示第三方平台上的圖片。不需要發佈網站,前台即可同步。雖然在此處設置了視頻的寬度和高度,但到手機上是可以自適應終端大小的。
1)從優酷獲取通用代碼的方法:
優酷視頻的通用代碼包括兩個部分:
第1部分統一為:https://player.youku.com/embed/
第2部分:取這個視頻的id,打開視頻播放頁面,從頁面URL中獲取id,不同視頻id不一樣,如下圖所示部分:
以上兩部分合起來就是要填寫的視頻來源:https://player.youku.com/embed/視頻id,舉例:https://player.youku.com/embed/XMzA******jkyNA==
在網站後台插入視頻:
2)如果是youtube上的視頻,單擊插入視頻按鈕之後,有個彈出框,彈出框中的“地址”欄輸入的鏈接包括兩部分:固定部分+變動部分,https://www.youtube.com/embed/變動內容,固定部分同一為:https://www.youtube.com/embed/,此處的變動部分為此視頻youtube頁面上下圖紅色字體標出的部分:
比如:https://www.youtube.com/embed/9VyS***ZAk0
有時需要在非產品詳情頁面或非文章詳情頁面上傳視頻,可以通過視頻組件來實現,單擊查看如何使用視頻組件?
有的用戶需要在某一個產品頁面展示相關視頻,單擊查看如何在某一條產品頁面上傳視頻?