視頻模塊

功能作用

  • 爲網站引入視頻另網站更生動地展現給用戶。常當用於企業形像視頻、產品視頻等。(視頻暫不支持本地上傳)

實現效果

一、視頻模塊設置

1.1 設置路徑

  • 網站編輯頁面——左側添加模塊——視頻——拖動模塊到頁面合適位置


1.2 兩種引入視頻方式

  • **A、通用代碼:**引用優酷、騰訊等第三方免費視頻
  • 以優酷爲例,把視頻上傳到優酷,審覈通過後,訪問視頻頁面,鼠標移至頁面分享,複製通用代碼,粘貼到視頻模塊保存即可。


  • **B、視頻地址:**引用自購空間存放的MP4鏈接

以騰訊雲的對象存儲爲例:

  • 注:視頻格式必須是mp4後綴,需要把視頻上傳到第三方空間(例如:阿里雲、騰訊雲等空間)再引入我司系統,下面以騰訊雲產品爲例,其它服務商設置可諮詢對應客服

  • 騰訊雲對像存儲存放視頻需要收取流量的費用,具體費用可參考 https://buy.cloud.tencent.com/price/cos/overview ,或諮詢騰訊雲客服。

1.1、進入騰訊雲主頁 https://cloud.tencent.com/ 按照提示申請註冊

1.2、註冊成功完,通過頂部菜單—產品—存儲—進入對像存儲頁面,或直接訪問 https://cloud.tencent.com/product/cos

1.3、點擊立即使用

1.4、選擇創建存儲桶

1.5、自定義填寫名稱,所屬地址,選擇公有讀私有寫,下一步

1.6、默認下一步

1.7、信息無誤後創建

1.8、創建成功後選擇上傳文件,選擇文件即可上傳本地的MP4後綴的視頻

1.9、上傳成功後點擊詳情

2.0、即可查看到視頻文件的鏈接,複製此視頻鏈接

  • 把上面鏈接複製到視頻模塊保存即可。


二、模塊展示效果

常見問題:

1.問:能否上傳視頻文件到網站?

答:不能,只可以上傳到第三方免費視頻網站或自購空間並引入進網站。

2.爲什麼引入的視頻在手機端顯示不齊全?

答:引入的視頻代碼裏面有固定的寬度,把寬度改爲100% 即可。