在国内视频、直播网站使用HTML5播放器

hstmodo

现在越来越多的国内视频网站，已经选择弃坑毒瘤Flash播放器，换用了HTML5播放器，比如腾讯、爱妻艺、音悦台、优酷和B站。虽然这些视频网站已经支持HTML5播放了，但是播放视频时还是有些问题，比如只能使用特定版本的浏览器才行、加载视频延迟卡顿等。

但是安装使用下列扩展或油猴脚本之后，可以实现在Chrome、Firefox 和Edge浏览器上，播放国内视频网站的视频时，可以使用 HTML5而不是Adobe Flash Player，这样不仅可以解决Adobe Flash Player的各种问题(比如稳定性、安全性、隐私问题和硬件资源占用)，还可以过滤视频广告。页面中剩下的广告元素，装个uBlock Origin、uMatrix扩展(支持 Firefox 57 版本)就都轻松过滤掉了。





那如何安装使用油猴脚本:


1. 要使用油猴脚本，您首先需要安装一个用户脚本管理器。根据您使用的浏览器不同，可用的用户脚本管理器也有所不同。
Chrome 浏览器
Tampermonkey扩展
应用商店地址:https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo
Tampermonkey 扩展文件下载 Tampermonkey for Chrome.zip (1.99 MB, 下载次数: 79)

2017-9-21 14:05 上传

下载次数: 79
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

游客通道免PB下载，包含本帖用到的所有文件: https://eyun.baidu.com/s/3o7FCu7K 密码E5Ei

Firefox 浏览器
Tampermonkey扩展  (支持 Firefox 57 版本)
https://addons.mozilla.org/firefox/addon/tampermonkey

Microsoft Edge 浏览器
Tampermonkey扩展
应用商店地址:https://www.microsoft.com/zh-CN/store/p/tampermonkey/9nblggh5162s

2. 安装完脚本管理器之后，就可以安装油猴脚本了。
图片演示:






3. 安装完自己需要的油猴脚本后，建议先备份一下用户脚本文件，这里选择手动备份压缩包，或者使用云存储备份都是可以的(不过这3家的云存储都是需要FQ访问的)。


PS: 如果不能FQ打开Chrome应用商店安装扩展，可以打开下面这两个网站，然后输入Chrome扩展ID下载扩展。
这样下载好的扩展文件，是和Chrome应用商店中的一样，最后把下载好的crx文件，拖进扩展程序页面安装就好。
Chrome扩展下载网站:
https://chrome-extension-downloader.com
https://yurl.sinaapp.com/crx.php





1. 优酷视频 HTML5 播放器 扩展  (支持 Firefox 57 版本)
项目地址: https://github.com/esterTion/Youku-HTML5-Player
https://estertion.github.io/Youku-HTML5-Player
PS:如果遇到播放优酷视频时，页面出现白屏，或者提示"Cookie被禁用"，可以参考这篇帖子自行解决。
http://bbs.kafan.cn/thread-2092307-1-1.html


2. 优酷视频 HTML5 播放器 油猴脚本 (调用优酷官方HTML5播放器)
项目地址: https://github.com/gooyie/ykh5p
https://greasyfork.org/zh-CN/scripts/30432
脚本安装链接: https://raw.githubusercontent.com/gooyie/ykh5p/master/ykh5p.user.js


3. 爱妻艺 HTML5 播放器
项目地址: https://github.com/gooyie/userscript-iqiyi-player-switch
https://greasyfork.org/zh-CN/scripts/28356
脚本安装链接: https://raw.githubusercontent.com/gooyie/userscript-iqiyi-player-switch/master/dist/iqiyi-player-switch.user.js


4. 新浪视频 HTML5 播放器
项目地址: https://greasyfork.org/zh-CN/scripts/30751

5. 乐视 HTML5 播放器
项目地址: https://github.com/gooyie/le-h5
脚本安装链接: https://raw.githubusercontent.com/gooyie/le-h5/master/le-h5.user.js


6. bilibili HTML5 播放器
B站视频已经支持HTML5了，只要在下面这两个页面勾选启用HTML5就可以了
B站视频 https://www.bilibili.com/blackboard/help.html#p
B站直播 https://live.bilibili.com/help/#uh5

7. 斗鱼 HTML5 播放器  (支持 Firefox 57 版本)
项目地址: https://github.com/spacemeowx2/DouyuHTML5Player






8. 熊猫TV HTML5 播放器
项目地址: https://greasyfork.org/zh-CN/scripts/30041

9. CCAV HTML5 播放器
CCAV 节目、新闻视频 HTML5 播放器.zip (1.88 KB, 下载次数: 29)

2017-9-5 12:04 上传

下载次数: 29
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

使用方法: 在Tampermonkey扩展中新建用户脚本，将脚本代码复制到扩展中，然后点击保存。

10. 星光 HTML5 播放器
此扩展支持视频网站: CCAV、WC台、黄易公开课
源帖地址: http://bbs.kafan.cn/thread-2095885-1-1.html
扩展下载地址: https://raw.githubusercontent.com/xinggsf/h5Player/master/MV_H5.crx

友情提示: Google Chrome 31版本之后，Google默认禁止安装非商店扩展，如果安装使用非商店扩展，会被Google强制禁用。如果想要安装非商店扩展，需要先在组策略中将扩展ID加入白名单才可使用。

Google Chrome 组策略模板下载页面 https://www.chromium.org/administrators/policy-templates
为方便不能FQ的同学，已经将下载好的组策略模板压缩包，上传到附件里 Google Chrome 组策略模板.zip (3.76 MB, 下载次数: 23)

2017-9-27 20:32 上传

下载次数: 23
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

PS:为不能使用组策略编辑器的同学，推荐一个Policy Plus 组策略编辑器工具。使用此工具，可以在限制使用组策略的Windows 版本中，编辑组策略设置。
http://www.apprcn.com/policy-plus.html


操作演示: 以uBlock Origin扩展的测试版举个粒子，演示解决Google限制非商店扩展的使用。








以下部分为CSS页面样式文件，CSS页面样式，主要是用来修饰、优化网页的显示效果。所以在安装CSS样式前，Chrome和Firefox浏览器，需要先安装好样式管理器，比如Stylus扩展。
Stylus扩展下载: Stylus for Chrome_Firefox.zip (1.7 MB, 下载次数: 17)

2017-9-14 22:09 上传

下载次数: 17
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

1. 自定义Chrome、Firefox和Edge浏览器的网页字体
样式安装、反馈地址: http://bbs.kafan.cn/thread-2078896-1-1.html
效果演示: 图中的中日韩字体为Source Han Sans字体，英文、数字和标点符号字体为Source Code Pro字体.


2. 国内视频网站简化(可以移除大部分和视频播放无关的网页元素)
样式安装地址: https://userstyles.org/styles/138386
样式文件备份: 视频网站简化.css.zip (2.33 KB, 下载次数: 13)

2017-8-27 21:09 上传

下载次数: 13
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

演示如何手动导入CSS代码


3. Douyu Cleaner 清爽斗鱼 (可以移除斗鱼直播间大部分和直播无关的网页元素)
样式安装地址: https://userstyles.org/styles/132037
斗鱼直播间效果图


4. Panda TV Clean (可以移除熊猫直播间和直播无关的网页元素)
样式安装地址: https://userstyles.org/styles/129393

5. 其他CSS样式推荐
https://bbs.pcbeta.com/viewthread-1755885-1-1.html





更多Chrome扩展、油猴脚本和广告过滤规则安装下载 Chrome扩展_油猴脚本_过滤规则安装下载.zip (48.58 KB, 下载次数: 62)

2017-9-27 20:32 上传

下载次数: 62
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

Tampermonkey扩展导出的脚本备份压缩包 tampermonkey-backup-2017-09-27.zip (483.03 KB, 下载次数: 83)

2017-9-27 20:32 上传

下载次数: 83
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

PS:不需要的脚本，在导入的时候可以不勾选。

m2888

谢谢分享！楼主辛苦啦！！！

hwh0488

谢谢分享，辛苦了

zbaby523

这个可以有，十分感谢

Universe07

多谢分享，支持了

vern

谢谢分享！楼主辛苦啦！

tangdong365

感谢分享！！！！

jdwxabc

楼主辛苦啦！谢谢分享！

499782

感谢分享，试试

zwsdust

html是未来的趋势，flash渐渐不被支持

visyuan

精品贴子了。支持。

Corahui

顶楼主，这个太棒了，最讨厌flash那一套了

johnxjin

千兆网，嘿嘿

老宝

我等着网站默认支持吧，现在看视频少

johnxjin

支持楼主，个人来说在用这个
https://chrome.google.com/webstore/detail/youku-html5-player/fpnknfakcmgkbhccgpgnbaddggjligol?utm_source=chrome-app-launcher-info-dialog

johnxjin

我不会说是看见回帖奖励才进来的

自由的云

感谢分享

xiaoyuman8

很详细，谢谢楼主分享

abchaha

高级，这个有点厉害了！！

qq502716111

厉害了我的哥