通過優酷實現在自己的網頁上播放視頻
有些時候我們需要在自己的網站上播放某些視頻,例如簡短的項目介紹、個人介紹或者VCR之類的 ,但是基於伺服器的帶寬問題,如果把自己的視頻放在伺服器上,當訪問的時候受制於帶寬的影響可能載入比較慢,所以這裡小編給大家帶來一個方法,使用優酷給我們實現的介面,就可以輕鬆的實現在自己的網頁上播放視頻,這樣就省去了我們的帶寬資費。
但是這樣還是有一個缺點,就是你必須將你的視頻放到優酷的伺服器上,這樣就是所有人都可以觀看,所有人都可以下載,所以當我們在部署網站的時候需要分析一下視頻面向的對象。
首先我們可以打開優酷的首頁,登錄優酷賬號,在選擇上傳視頻
上傳視頻
這裡我們就可以選擇自己的視頻進行上傳了,由於小編只是教方法,所以這裡小編就不上傳了。我們通過搜索的方式找一個視頻,這裡小編就以秦時明月當例子了。
秦時明月視頻
我們可以在下面找到分享
分享
這裡我們就可以通過自己的要求去複製相關的代碼,這裡小編選用的是html代碼
html代碼
運行效果截圖
這樣就實現了在網頁裡面插入視頻,但是這個插件會有廣告,就是有點尷尬。
帶廣告很尷尬
當然,優酷還提供了其他的選擇,可以免除廣告但是需要一點小小的資費。
創建應用
應用創建完後我們就可以配置視頻了
配置應用
這裡可以通過適合自己的一些配置用來啟動自己的應用,設置後我們可以點擊獲取播放器代碼
獲取播放器代碼
優酷視頻雲控制項
我們可以通過左邊的選項欄配置適合自己的一些插件,如果你覺得不合適還可以自己寫JavaScript實現相關的功能
添加功能
最後配置好後,我們就可以直接複製右邊的代碼
配置自己的視頻播放頁面
接著重點就是怎樣獲取優酷視頻的id了,id其實就在你選擇的視頻頁面的url裡面
視頻播放頁面的url
id就是「id_」後面「==」之前的內容,我們只需要將其複製下來,粘貼到代碼裡面
網頁代碼
然後我們用伺服器的方式打開就可以看見我們需要放的視頻了
視頻
這裡如果我們使用文本形式打開是不會響應的,所以我們必須在伺服器上調用。而第一種方式可以使用文本的形式訪問,大家可以根據自身情況選擇。


TAG:護睛堂 |
※A站恢復訪問:網頁客戶端正常看視頻
※如何下載網頁在線視頻?
※多虧了這個網站,現在可以在網頁上玩《金庸群俠傳》了
※YouTube網頁版現已支持豎版播放視頻
※那種網頁彈出的實時對話窗口並不安全
※告別網頁彈窗和網頁視頻廣告——凈網大師
※把網頁放在桌面上,一鍵輕鬆訪問,又快又方便
※網頁自動中英對照,看外國網站從此無壓力
※超炫酷的網頁的首頁設計
※微博網頁新功能:GIF動態圖輪番播放
※微博網頁版出現故障 刷新無內容
※蘋果播客網頁迎更新 在線預覽更完整
※快訊:微博網頁版出現故障
※搞懂iOS自帶翻譯功能,實現搜索及網頁即時翻譯
※蘋果公司在網頁設計上是否走出了特色?
※這款免費紳士遊戲不光能觸摸妹子,現在還免下客戶端,網頁直接玩
※暴雪新操作《暗黑破壞神》現已推出網頁版
※《絕地求生》國服測試版疑似泄露 網頁即可登錄體驗
※谷歌搜索正式開始優先抓取和索引移動網頁的內容
※你不得不知道的互聯網環境下網頁設計中的配色問題