Youku HTML5 播放器擴(kuò)展 Youku-HTML5-Player

ouku HTML5 播放器擴(kuò)展 —— 告別 flash 和廣告

部分功能說明

清晰度切換位于播放器左下角，采用智能記憶模式
（如一個(gè)視頻有標(biāo) 高超，點(diǎn)了高后會記住高清，但是點(diǎn)超后會清除，如果進(jìn)入一個(gè)有原畫的會選擇原畫（最高清晰度））
彈幕開關(guān)、設(shè)置、屏蔽，播放器音量均會自動(dòng)記憶
含有多個(gè)音頻語言的視頻可以在右鍵菜單中切換，同類劇集間切換時(shí)臨時(shí)記憶所選語言
多個(gè)語言的視頻中，選擇的語言為臨時(shí)記憶，在劇集內(nèi)切換時(shí)保留，打開其他沒有同種語言的視頻會丟棄已記憶語言
在視頻播放器下方功能區(qū)中，下載按鈕現(xiàn)在正如其名，含有下載功能
播放器各項(xiàng)設(shè)置現(xiàn)已整合進(jìn)側(cè)欄，通過右下按鈕開啟

其他瀏覽器？

Safari擴(kuò)展沒有跨域特權(quán)，無法獲取視頻地址及正常播放
Edge擴(kuò)展整體殘缺，無法可靠使用

使用組件

flv.js
ABPlayer-bilibili-ver（有改動(dòng)）

項(xiàng)目地址

https://github.com/esterTion/Youku-HTML5-Player

ouku HTML5播放器擴(kuò)展插件是一款支持Youku網(wǎng)站的Chrome和Firefox的開源插件，可以替換優(yōu)酷外鏈播放器，自動(dòng)切換劇集，并支持使用youku官方還在灰度測試的HTML5播放器。如果使用自帶的HTML5播放器，還可查看視頻細(xì)節(jié), 直接下載不同清晰度的視頻, 以及去廣告功能。支持彈幕，多個(gè)音頻語言的視頻可以在右鍵菜單中切換，同類劇集間切換時(shí)臨時(shí)記憶所選語言。Youku HTML5播放器基于開源組件 flv.js，ABPlayer-bilibili-ver編寫。目前暫不支持Safari和Edge.

開源派:osp.io

TML5是大勢所趨，越來越多的視頻播放網(wǎng)站支持HTML5播放。這讓我想起了7年前，喬幫主跟狂噴多媒體領(lǐng)域的霸主Flash，極力吹捧HTML5，在當(dāng)時(shí)還不被多數(shù)人所理解。

2010年蘋果全球開發(fā)者大會

但是優(yōu)酷卻逆流而上，仍然堅(jiān)持使用Flash Play 播放器。有人說是國內(nèi)大部分還在使用IE6瀏覽器，不支持所有H5播放，也有人說優(yōu)酷有很多內(nèi)部專用的網(wǎng)絡(luò)應(yīng)用，針對I6開發(fā)，一旦更新就要出問題。這些問題不在本文討論范圍之內(nèi)。

今天就教大家個(gè)方法，使用Chrome瀏覽器，讓優(yōu)酷也支持H5播放！并且無廣告！

開源地址：https://github.com/esterTion/Youku-HTML5-Player

安裝步驟

使用谷歌瀏覽器直接訪問https://chrome.google.com/webstore/detail/youku-html5-player/fpnknfakcmgkbhccgpgnbaddggjligol

或者在谷歌商店搜索 Youku-HTML5-Player

點(diǎn)擊Youku-HTML5-Player，并添加至瀏覽器。

好了，重新打開谷歌瀏覽器，進(jìn)入優(yōu)酷首頁。

下面是見證奇跡的時(shí)刻，讓我們打開目前大火的擇天記，看看是否沒有廣告！

效果還是不錯(cuò)的！

如果不能翻墻下載插件，請到該處下載！

在線咨詢

上一篇：使用Axure打造最佳的移動(dòng)端交互原型教程
下一篇：從HTML源代碼中檢測并輸出暗鏈接

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。