通過優酷實現在自己的網頁上播放視頻

關注“愛當程序員的我”，可以瞭解到更多編程知識

有些時候我們需要在自己的網站上播放某些視頻，例如簡短的項目介紹、個人介紹或者VCR之類的 ，但是基於服務器的帶寬問題，如果把自己的視頻放在服務器上，當訪問的時候受制於帶寬的影響可能加載比較慢，所以這裡小編給大家帶來一個方法，使用優酷給我們實現的接口，就可以輕鬆的實現在自己的網頁上播放視頻，這樣就省去了我們的帶寬資費。

但是這樣還是有一個缺點，就是你必須將你的視頻放到優酷的服務器上，這樣就是所有人都可以觀看，所有人都可以下載，所以當我們在部署網站的時候需要分析一下視頻面向的對象。

首先我們可以打開優酷的首頁，登錄優酷賬號，在選擇上傳視頻

上傳視頻

這裡我們就可以選擇自己的視頻進行上傳了，由於小編只是教方法，所以這裡小編就不上傳了。我們通過搜索的方式找一個視頻，這裡小編就以秦時明月當例子了。

秦時明月視頻

我們可以在下面找到分享

分享

這裡我們就可以通過自己的要求去複製相關的代碼，這裡小編選用的是html代碼

html代碼

運行效果截圖

這樣就實現了在網頁裡面插入視頻，但是這個插件會有廣告，就是有點尷尬。

帶廣告很尷尬

當然，優酷還提供了其他的選擇，可以免除廣告但是需要一點小小的資費。

我們只需要訪問http://cloud.youku.com，就可以按照自己的需求配置自己的一個視頻顯示方案，但是你必須要在優酷視頻雲註冊後才能夠創建應用，之後才能夠得到client id，所以就是這裡比較麻煩，還需要認證，需要等待一會。認證過後就可以創建自己的應用了。

創建應用

應用創建完後我們就可以配置視頻了

配置應用

這裡可以通過適合自己的一些配置用來啟動自己的應用，設置後我們可以點擊獲取播放器代碼

獲取播放器代碼

優酷視頻雲控件

我們可以通過左邊的選項欄配置適合自己的一些插件，如果你覺得不合適還可以自己寫JavaScript實現相關的功能

添加功能

最後配置好後，我們就可以直接複製右邊的代碼

配置自己的視頻播放頁面

接著重點就是怎樣獲取優酷視頻的id了，id其實就在你選擇的視頻頁面的url裡面

視頻播放頁面的url

id就是“id_”後面“==”之前的內容，我們只需要將其複製下來，粘貼到代碼裡面

網頁代碼

然後我們用服務器的方式打開就可以看見我們需要放的視頻了

視頻

這裡如果我們使用文本形式打開是不會響應的，所以我們必須在服務器上調用。而第一種方式可以使用文本的形式訪問，大家可以根據自身情況選擇。

但是如果這裡顯示的廣告，優酷是會有提成的，我們可以根據自身情況，考慮放不放廣告。
這些都是我們自己決定的，٩( 'ω' )و 。

結束語：

如果喜歡這篇頭條，一定要收藏喲^O^

點擊關注，瞭解更多關於編程的知識^O^

如果有不懂的地方，可以留言，相互探討，相互學習，共同進步^O^