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