首页 > html教程 > 正文

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

转载 2019-02-12 0 39

我们来让视频站启用HTML 5播放器吧,看更优质的视频!


有人跟我说在上不要发理工或者技术类的东西,个人作者会找不到太多关注和阅读量,的逻辑依然是面向大众化,他所追求的跟百度上出现的实时热点差不多。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

虽然我经常在上面刷到一些不是很满意的东西,但将其改变的还是我们,不是么?路还很长,我们继续。


为什么要让网页使用HTML5播放?首先,Flash已经是被淘汰的东西,其现在还在被使用的原因,只不过是改变损失money而已。各大视频网站其实已经做出了HTML5播放的功能,苹果设备上的就是。但是我们这些使用Windows的要怎么解决?毕竟现在的HTML5可以选1080P,不用看着看着视频忽然自动暂停,还不用看到那啥 R11。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

优酷 H5播放器效果

曾经在看优酷的时候chorme 打开 console 执行 window.sessionStorage.setItem("P_l_h5", true);然后刷新可以打开测试中的 HTML5 播放器,但现在需要使用脚本。脚本控制的最好管理插件是Tampermonkey,当然也可以选择Violentmonkey或其他,最好在商店或者官网下载Tampermonkey,可以保持最新。至于这些个插件怎么用,官方都有帮助文档。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

Tampermonkey

然后你可以上github,找到这个将播放器改为HTML5的脚本,点安装。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

github上的 H5脚本

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

安装优酷 H5脚本

现在打开优酷或者刷新曾经打开的优酷网页就可以看到效果,同理的还可以找到其它视频网站的更改脚本,比如爱奇艺、bilibili:

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

爱奇艺H5脚本

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

bilibili H5脚本

这些都可以从Greasy Fork的网站上找到,认准以下标志:

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

Greasy Fork Logo

最后是授人以渔时间,自行寻找一个叫“卡饭论坛”的论坛,论坛内有个神秘分区,登录后会出现。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

未登录的卡饭论坛

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

登陆后的卡饭论坛

给你们看其中某个贴子的开头。。。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

当然如果不喜欢所谓的折腾,还可以去Chrome商店直接寻找优酷的H5扩展来解决,毕竟有大神。只是只能解决优酷问题。

我们来让视频站启用HTML 5播放器吧,看更优质的视频!

相关文章


  • 第53期Java面试题:XML和HTML的区别、XML文档定义、java反射机制
  • HTML基本标记常用单词106个,常记忆敲代码不卡壳 拿走不谢!
  • 零基础学习HTML之JS篇函数变量的作用域内部函数局部变量
  • IT运维人需要懂html、css、js吗?需要懂一些!分享三个实例
  • 零基础HTML素材积累,7个按钮把CSS HOVER 的创意发挥到极致了
  • 零基础学习HTML之JS篇事件属性表单对象表单域表单验证
  • 零基础学习HTML之CSS篇样式优先权和字体样式与段落样式
  • jquery特效一点车自媒体新闻发布后套html源码全站页面下载