【云速建站】視頻播放專題

時間：2023-08-12 18:57:01 | 來源：網(wǎng)站運營

時間：2023-08-12 18:57:01 來源：網(wǎng)站運營

【云速建站】視頻播放專題：【小宅按】 本文將逐一演示云速建站支持的幾種視頻添加方式。

關(guān)于視頻播放，首先要明確的是出于考慮網(wǎng)站訪問用戶體驗的原因，云速建站上傳的文件種類和大小是有限制的。且不支持視頻直接上傳到建站空間。

視頻需要使用外部鏈接的方式添加。如添加優(yōu)酷視頻鏈接，華為云視頻點播鏈接等。

視頻外鏈添加兩種方式：

1） 視頻URL + 視頻模塊
在視頻源網(wǎng)站找到該視頻的URL鏈接地址，該鏈接地址必須以.mp4或者.flv結(jié)尾，將視頻模塊拖至頁面上，在彈出設(shè)置窗口，將URL添加后保存，并預(yù)覽即可見到效果。

2）包含視頻的HTML代碼 + 代碼模塊
拖動代碼模塊到頁面，在彈出窗口粘貼代碼，保存HTML源碼即可預(yù)覽效果
以下四例，演示當(dāng)前云速建站支持的幾種視頻播放方式（效果預(yù)覽請訪問http://www.fallout5.club/video）

• 華為云視頻點播服務(wù)，這種方式無廣告，且可自定義清晰度，大推薦！
• 優(yōu)酷視頻，外鏈可能有60秒廣告
• youtube視頻，海外播放
• 全屏背景播放視頻

第一例：采用華為云視頻點播服務(wù)
華為云視頻點播服務(wù)，這種方式無廣告，且可自定義清晰度，需要開通視頻點播服務(wù)

開通后上傳視頻，按需轉(zhuǎn)碼，（注意：用于頁面效果展示的視頻視頻不要過大，例如通欄背景視頻，5M以內(nèi)為佳。如果是宣傳材料視頻，大小則不限制）轉(zhuǎn)碼后復(fù)制.mp4地址

在云速建站使用視頻插件

第二例：采用優(yōu)酷視頻
優(yōu)酷提供三種視頻分享方式，我們使用前兩種

1. 復(fù)制通用代碼方式，使用云速建站代碼插件添加視頻（外鏈可能會有60秒廣告）

注意：代碼方式添加視頻在站點開啟https傳輸后將失效，需要在視頻鏈接前修改，添加s

2. 復(fù)制flash代碼方式，使用云速建站視頻插件添加視頻（外鏈可能會有60秒廣告）

第三例：Youtube視頻
youtube視頻也支持多種分享方式

1. 復(fù)制視頻地址方式，使用云速建站視頻插件添加視頻（海外播放）
！注意！ youtube視頻點擊即播放，很難打開視頻插件設(shè)置，在選取視頻控件屬性的時候鼠標(biāo)盡量點擊視頻邊緣

2. 復(fù)制embed代碼方式，使用云速建站代碼插件添加視頻（海外播放）

第四例：全屏背景播放視頻
①．拖出通欄插件，點擊屬性，可以勾選背景視頻。通欄背景和內(nèi)容背景均可設(shè)置視頻，通欄背景視頻的最大寬度是頁面寬度，而內(nèi)容背景視頻的最大寬度是內(nèi)容寬度。
Ps：當(dāng)勾選了背景視頻后，無法設(shè)置頁腳元素和固定顯示

②．勾選之后，輸入視頻地址，注意視頻支持格式
自動播放：不勾選，視頻將出現(xiàn)控件，需手動控制播放
循環(huán)播放：不勾選，視頻只播放一次即自動停止
透明度：可以調(diào)整視頻的透明度，并且可設(shè)置遮罩顏色
背景：設(shè)置通欄的背景，原本的設(shè)置項

下面設(shè)置一個通欄背景視頻，并預(yù)覽效果

預(yù)覽效果，在網(wǎng)站頁面中左右打滿。

另一種內(nèi)容背景播放模式

會根據(jù)視頻大小播放劇中

最終效果預(yù)覽請參考http://www.fallout5.club/video

更多精彩內(nèi)容，請滑至頂部點擊右上角關(guān)注小宅哦~

---

來源：華為云社區(qū) 作者：JohnnyKou