如何看待bilibili官方推出的html5播放選項，及其播放效果？

01-15

終於，我的Firefox不會遇到flash爆炸的情況了23333

終於可以在mac上愉快刷b站了啊，之前用 flash 播放器都不敢看電影

------16.10.24更新-------

1. 支持HTML5播放器在bangumi域名下的使用

2. Canvas彈幕優化

3. 在設置面板可以自定義字體

若您在HTML5播放器使用過程中有任何問題和意見，歡迎反饋給我們，我們將持續改進播放器體驗。

1. 切換按鈕位於右方，若該視頻是iframe嵌入型視頻，可能會沒有視頻源載入失敗，請切換為Flash播放器

2. 不支持合作播放器的視頻播放

3. IE10及之前版本的瀏覽器不支持使用HTML5播放器

4. HTML5播放器暫未實現Flash播放器的以下功能：代碼彈幕(Mode8)、管理員彈幕管理、雲屏蔽

經過使用，canvas彈幕清晰度有所提高，但是依然存在模糊的情況。

------16.09.29更新-------

bilibili的html5播放器更新啦，下面是更新日誌

1. Safari 10+支持播放超清(FLV格式)視頻

2. 在設置面板可以切換CSS3彈幕和Canvas彈幕

3. 高級彈幕（Mode7）優化

4. 在自定義右鍵菜單開啟的情況下再次右鍵，調用瀏覽器原生右鍵菜單

5. 界面交互邏輯同步至Flash 播放器v1.9.9

也就是html5播放器已經支持超清視頻的播放（即macOS 10.12的Safari，經 @謙謙指出iOS10的Safari不支持，實測Chrome也支持），同時加入了canvas彈幕（理論上應該比css3彈幕執行效率高得多，畢竟dom操作太慢）。

經過試用canvas彈幕並沒有適配retina顯示屏（mac），所以彈幕較為模糊，在沒有解決這個問題之前不推薦retina用戶使用canvas彈幕。順便一提，適配方式其實很簡單，將canvas的dom width和height設置為原來的兩倍，css的width和height設置為現在的大小（即將原canvas按4倍大小輸出然後縮放為原大小），然後將所有的繪製坐標x2就OK了，可能是工程師忽略了這一點（此問題已反饋給bilibili）。

------以下為原答案-------

上圖來自bilibili全站使用說明。可以說這是一個國內視頻網站的一個里程碑。就我所日常使用的，大部分國內視頻網站其實很早就支持html5了，但是僅限於在移動端，PC端則是強制使用flash播放器。

可能涉及到某些技術（盜鏈）和利益（廣告）的原因，絕大部分國內視頻網站都沒有在PC網頁端給出用戶選擇的權利。而bilibili首先邁出了這一步，作為Mac用戶，當然舉雙手贊成。

關於清晰度，曾經的媽媽計劃2.0獲取出來的視頻清晰度簡直但不忍睹，彈幕觀看也非常不友好。現在官方給出了html5播放器，雖然沒有超清視頻，但是比媽媽計劃獲取的視頻還是強不少的。

不請自來無意中激動地發現B站不裝flash也能看了的小夥伴抱緊我！！！

對PC端影響不大吧

主要影響還是在Mac端

我來描述下此前Mac上B站是一種怎樣蛋疼的體驗

Mac上主流的倆瀏覽器 Safari和Chrome

Safari不自帶flash 並且apple不推薦你安裝下載flash插件【發熱增大續航縮短

Chrome倒還好自帶flash【不過聽說以後就不會了

雖然有個叫bilibili helper的chrome插件可以將flash播放器替換為html5播放器類似現在B站出官方html5的效果不過沒有進度條縮略圖預覽感覺UI清晰度也比較水

加上現今Mac平台safari好評度高過chrome【省電又快捷 chrome看B站用起來比較糾結

而且清晰度不夠啊！！！

本人之前一直用BiliMac客戶端【一個第三方客戶端

集成了Mac端最好的播放器(之一)mpv 以及Mac端最好的下載工具(之一)Aira2

唯一的不足就是無法在B站頁面內直接播放相當於解析視頻鏈接然後丟給mpv 外建一個播放器來播放

個人覺得體驗上不比頁面內播放畢竟有的時候有邊看評論邊看片的需求【外建播放器打開後網頁界面會被隱藏無法調出

有人可能會想說媽媽計劃2 那玩意兒和bilibili helper原理類似但並沒有bilibili helper專為B站定製的彈幕發送等功能當然你要是真·不喜歡發彈幕夫斯基我無話可說

綜上 Mac上的Bilibili體驗個人感覺相比是比較糟糕的雖然有好些第三方開發者在做但都不能讓人完全滿意

好了現在官方出了個html5 播放器

媽蛋為什麼清晰度還是只有這個鬼樣子！

好像是只能選到高清沒法選超清的問題

我(tm)R屏都上了你就給我看這個！？

不過畢竟是官方的直接safari不用安別的雜七雜八東西我覺得也省心多了

反正我現在準備隨便逛的時候就直接官方html5播放器

追番時換BiliMac客戶端

但是真的很期待官方能早日把超清選項搞出來

綜述對於Mac 在現在沒高清選項的情況下意義不大但也聊勝於無

直接一點說吧，用B站一年多了，總感覺手機端播放很順滑，電腦端播放視頻和彈幕都卡卡的。以為是電腦配置不高，核顯帶不動(早就過時的i3 2120的hd graphic 2000核顯)然後最近才發現有h5播放器這個東西，然後在播放器裡面找啊找。終於在設置的右邊那個更多「...」選項裡面找到了HTML5播放器，於是毫不猶豫的就選擇了h5。

此處使用的是世界之窗瀏覽器(chrome核)

質一般的飛躍。

再也不用flash播放器了。

之前看視頻時候的卡卡的彈幕，卡卡的畫面瞬間變得絲般順滑。

從來沒看過的的60FPS視頻終於觀賞到了它絲滑的流暢度。

剩下的就是h5兼容性的問題了

flash估計就剩下43997k7k這種地方還在用吧

年輕人的網站就是走在最前的，好評！

完全跟youtube的html5播放器流暢性不能比。

剛推出那段時間還是可以的，後來越更新越卡。有時候點了最大化要等3秒才能最大化。或直接保持小窗口，之外的部分全部變成黑色。彈幕也是陣陣卡頓。

有幾點好：

1、surface book看b站滿電量可以撐15個小時左右，如果是flash差不多只有5個小時，發熱情況相比flash大大改善

2、彈幕滿幀，不像flash里看彈幕感覺自己快瞎了一樣

document.getElementsByTagName("video")[0].playbackRate="2.0"

節省了好多時間（YouTube 官方支持）

吼啊，CPU佔用和耗電比flash大大減少（當然跟UWP客戶端還是沒法比），滿幀的彈幕看著非常舒服

這都2016年了，國內的視頻網站也快跟上時代潮流吧

據 @謙謙說，是實時把 flv 轉成 mp4 封裝

感覺有點厲害

沒有超清選項，清晰度不夠是硬傷。可以用來看鬼畜等重點不在畫面的一類視頻。看番和看跳舞或是MAD就趕緊換FLASH的吧。

之前一直用的好好的，可是這兩天用html5版播放器看視頻內存佔用從500多M一直升到1G多，視頻還沒法正常載入

(PC)（UC瀏覽器）從我入站以來，一直就是HTML5播放器，進網站默認的也是HTML5播放器，我主要是喜歡可以加速的功能。昨天打開B站發現默認修改成了FLASH，因為喜歡加速看我就切換為HTML5，然後就卡的不行，花屏，無法觀看（不加速的時候也是）。重裝UC，重啟電腦都這樣，客服也沒辦法，只能換瀏覽器，只是可惜了我的書籤啊

不知道為什麼我H5 播放器字幕看不到的

只有頂端一點點只能用flash 但是又不能選擇播放速度很煩

firefox看不了呀。無論在windows下還是在linux下。

對mac端。特別是用safari的小夥伴。福音啊。

一般的優酷土豆愛奇藝之類的視頻網站我都不看了。

除非有特殊需要去看某些人的資源，而他們沒有傳到b站上。

更新

b站html5，比flash反應慢。全屏等按鍵反應都慢。而且mac safari會花屏崩潰。我都不敢用了。

日常Linux雖然早就在用助手的h5，不過現在官方的完成度實在是令人驚喜。

其實b站修復了Linux下flash播放器因字體問題崩潰以及載入不出視頻問題以後，我使用H5最大的用處就是配合Chrome的video speed control插件變速播放b站教學類視頻。

其實個人覺得b站上有著相當數量的原創教程，非常符合b站用戶的學習口味，比如我在b站看過日語，3d，程序語言，遊戲開發等方面的原創教程，這些up們往往會在教程中加入一些acg元素或者b站獨有的一些元素，使得學習過程非常的愉悅，但同時也往往導致視頻知識密度下降，對我這種習慣於用本地播放器1.5~2.0倍速學習教程的來說實在是效率過低。

為何我選Canvas的CPU佔用會比CSS3還高？還更卡

希望以後所有的網頁視頻都能直接用html5方式觀看。。。