用HTML5技術來播放網站視頻

萬立夫

Flash作為瀏覽器里面的一個重要插件，在很多的網絡環境中都會使用到，比如進行在線視頻的播放操作等等?？墒怯捎谶@款插件存在大量的安全漏洞，很多公司都提議屏蔽這款插件并通過HTML5技術進行代替?，F在國外很多網站已經開始這么做了，但是國內的視頻網站這么做的卻寥寥無幾。那么如何利用HTML5技術來替代Flash插件進行國內網站的視頻播放呢？

擴展自動啟用HTML5播放

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

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

腳本轉換HTML5視頻輸出

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

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