用HTML5技術(shù)來播放網(wǎng)站視頻

萬立夫

Flash作為瀏覽器里面的一個重要插件，在很多的網(wǎng)絡(luò)環(huán)境中都會使用到，比如進(jìn)行在線視頻的播放操作等等。可是由于這款插件存在大量的安全漏洞，很多公司都提議屏蔽這款插件并通過HTML5技術(shù)進(jìn)行代替?，F(xiàn)在國外很多網(wǎng)站已經(jīng)開始這么做了，但是國內(nèi)的視頻網(wǎng)站這么做的卻寥寥無幾。那么如何利用HTML5技術(shù)來替代Flash插件進(jìn)行國內(nèi)網(wǎng)站的視頻播放呢？

擴(kuò)展自動啟用HTML5播放

如果用戶使用的是谷歌瀏覽器，或者谷歌瀏覽器的衍生版本的話。那么要解決這個問題就非常的簡單，只需要為瀏覽器安裝一個功能擴(kuò)展就可以了。首先打開谷歌瀏覽器的應(yīng)用商店，接著通過左上角的搜索框查找一款名為“MAMA-HD”的擴(kuò)展應(yīng)用，找到以后進(jìn)行安裝操作就可以了。

安裝完成以后，我們就可以在工具欄里面發(fā)現(xiàn)“MAMA-HD”擴(kuò)展的圖標(biāo)。由于這款擴(kuò)展可以支持土豆、優(yōu)酷等網(wǎng)站的視頻，以后我們打開這兩個視頻網(wǎng)站中的某一個視頻后，點擊工具欄中的“MAMA-HD”擴(kuò)展圖標(biāo)，就可以利用HTML5這項技術(shù)進(jìn)行視頻的播放操作了（圖1）。這是由于原視頻在瀏覽器里面實時轉(zhuǎn)換成fmp4視頻，這樣利用瀏覽器自帶的解碼器就可以播放了，而且播放效果是沒有播放列表的寬屏效果。

腳本轉(zhuǎn)換HTML5視頻輸出

如果用戶不喜歡使用功能擴(kuò)展的話，或者這個擴(kuò)展不支持其他的網(wǎng)站，那么我們可以使用其他的方法來解決。比如作為國內(nèi)二次元為主的視頻網(wǎng)站Bilibili，是國內(nèi)最早使用HTML5這項技術(shù)進(jìn)行視頻播放的網(wǎng)站。但是為了照顧到國內(nèi)大多數(shù)的用戶，這個網(wǎng)站還是默認(rèn)使用Flash的技術(shù)。如果用戶想要使用新的HTML5技術(shù)進(jìn)行播放的話，需要手工點擊“HTML5播放器”這個按鈕進(jìn)行切換。那么有沒有什么辦法可以直接使用這個技術(shù)進(jìn)行播放呢？

其實最簡單的方法就是使用一個功能腳本。首先在瀏覽器的地址欄里面輸入https：//greasyfork.org，回車后就可以登錄到一個專業(yè)的腳本發(fā)布網(wǎng)站。在網(wǎng)站的搜索框里面輸入“bilibili”關(guān)鍵字，在出現(xiàn)的搜索結(jié)果里面點擊“bilibili HTML5播放器”這項（圖2）。然后在彈出的腳本介紹窗口點擊“安裝此腳本”按鈕，接下來會彈出一個是否安裝腳本的提示框，點擊“安裝”按鈕后就可以完成安裝（圖3）。以后當(dāng)用戶加載登錄到Bilibili以后，就可以自動切換到HTML5這個技術(shù)進(jìn)行播放（圖4）。