朱一福利：妈妈再也不用担心我的mba看优酷发热了-html5播放切换的bookmark
16:40:30 +08:00 · 26760 次点击
上班的时候偷偷做的。话说每天看优酷的时候风扇都哗哗的，实在受不了了就做了这个。来解决flash发热大的问题。 目前貌似播放只支持safari同学。因为视频格式使用的m3u8，所以貌似chrome没法播放。 用chrome的童鞋也不要哭，不要闹。朱一也把mp4的地址也解析出来了。在下面做了个链接。童鞋们点击进去就好了。 其实本来像把chrome的地址也判断写ua放进去的。发现优酷不乖得弟子做了3次重定向。天。还是点链接把。
添加m3u8格式与mp4格式的切换。但是mp4格式不一定是每个视频源都有的。骂坑爹的请致电优酷。
这个mp4播放还是不支持chrome在页面上的。可以点击底部的连接，跳过去看。
要不要再做个土豆的...??
PS.目前只是在mac下做的此时，如果是win的用户，如果不能用，也请点击底部的连接。但是应该flash在win下的发热量不是那么大，应该不怎么需要这个东西。
99 回复 &| &直到
12:54:55 +08:00
& & 16:46:29 +08:00
多谢，可以把这个转帖到其他地方么？
& & 16:47:34 +08:00
& & 16:52:18 +08:00
@ 可以。注明code by zythum_朱一 就好
& & 16:53:25 +08:00
@ 熊猫酱最近可好。 朱一发现上班和上学的时候是完全两个状态，还没适应过来撒。
& & 21:28:07 +08:00
已经加入tudou的支持。土豆优酷合并了当然bookmark应用也要可以兼容才对么...
tudou貌似还没找到mp4格式。所以只能支持m3u8。chrome表示无能了。
但是可以切换清晰度。（原画，360，256.）
& & 21:31:15 +08:00
不错不错，一直需要一个这样的东西
flash在os x下效率实在是太渣了
& & 21:32:28 +08:00
无图无真相
& & 21:35:15 +08:00
如果要是支持bilibili就好了……（拖出去
当然那东西的弹幕实现起来也老麻烦了
& & 21:37:54 +08:00
@ 这个不好做。因为地址是从网站抓的。看他是否个暴露给你，可以让你猜出url是怎么组的。 bilibili和acfun是引用的别人的源，直接引得flv,这个无从下手的感觉。
& & 21:38:47 +08:00
safari 开 developer 模式，user agent 用 ipad 的或者 iphone 的就可以了呀。
& & 21:39:24 +08:00
@ 貌似有比较靠谱的办法获得flv地址和弹幕内容，至少弹幕内容可以直接读取，输出的是xml
& & 21:40:43 +08:00
@ =。=
原来还有这招。学习了
& & 21:41:52 +08:00 via Android
好东西。表示win下的flash也能让我那破电脑风扇狂吹。明天试试看
& & 21:42:34 +08:00
如果是去youku、土豆这些网站，可以直接用“开发-&代理-&ipad”，LZ的方法对网站引用的那些视频无效。
& & 21:43:05 +08:00
前去窥探LZ私生活
& & 21:43:46 +08:00
@ 是的。没错。这样是可以的。但是不是不方便么。
当然你可以说挺方便的。
但是。
朱一感觉自己需要这样的东西
PS.其实我抓url还是伪造成iPad抓的。
& & 21:44:04 +08:00
看成朱一妈妈了……
& & 21:44:26 +08:00
Windows+Chrome 表示点了一下书签直接打开了一个js文件。。。
& & 21:46:56 +08:00
@ 本来就是加载一个js文件的么... 这样可以同步更新。 比如朱一现在多添加tudou支持，不用再去换个bookmark。
放心js是安全的。并且不会向外放松请求(你可以监听)。不用担心会盗取密码什么的。
& & 21:48:22 +08:00
@ 是的。同回答 @ 酱的问题。
其实bookmark比伪造成iPad会方便不少。并且感觉更cool一些。
& & 21:52:42 +08:00
@ 一直试的感觉是土豆的转码的质量比优酷好。
& & 21:58:11 +08:00
& & 22:07:00 +08:00
发现youku m3u8格式有转码视频走错门的现象。 mp4格式没问题。
& & 22:09:34 +08:00
@ bilibili上的话，貌似都用的sina，好像有什么办法能防止二压还是怎么的。
& & 22:13:43 +08:00
@ 但是怎么让它点击的时候不是打开而是运行呢？
& & 22:20:52 +08:00
@ 朱一用chrome试过啊。没问题啊。
这个bookmark对chrome支持不好，还是用safari。
chrome没法播放m3u8格式的video文件。
& & 22:24:28 +08:00
@ 好吧，可能是Windows版的处理方式不同
& & 22:27:31 +08:00
@ 应该不是把，你试着把这个bookmark打开，
把原来的javascript: ...
改成javascript: viod( ... );
应该不会直接给你js文件的， 你可以尝试看看你是不是装了什么插件。之类的。
& & 22:30:58 +08:00
还有就是如果想作为userscript的话之间把git的源码搞下来。自己做个user-script的头就可以了。
git上的土豆和优酷的文件是分开的。
& & 22:33:38 +08:00
要是可以在wp7的ie上用就好了。
& & 22:40:02 +08:00
@ 朱一童鞋做个chrome插件吧~~~~万分感谢啊，还在用老酷睿2笔记本的童鞋表示flash在windows下也不是省油的灯，而且似乎使用html5的话，暂时土豆和优酷都没广告
& & 22:48:38 +08:00
chrome实在无力啊。 你可以看下git上的源码。土豆目前没有有找到mp4的迹象。优酷找到了源。但是有2重跳转ajax抓不到。
目前只能跳转到哪个地址观看。
地址规则是 ''
videoId2是网页js的全局变量。
但是这个的清晰度实在不可恭维。
并且还有再不清晰版，
''
无力吐槽了。
& & 22:54:02 +08:00
@ 尝试发现在win下的遨游3可以播放优酷的mp4格式。不用跳转。
感觉应该chrome也可以。求win的chrome用户尝试一下。
& & 23:00:32 +08:00
太赞了，要是有个关灯功能更好了！！
& & 23:05:14 +08:00
多谢很好用～～ 要是能做成safari插件就更好了～
& & 23:25:48 +08:00
其实这个和safari插件的效果是类似的，就不做成插件的。
如果像每次自动运行的话可以下个忍者脚本。然后把这段作为userscript加载进去，
源码github上有传。
@ 已经做了白色的透明遮罩，并且可以点击穿透了。
你是想要黑色的遮罩么？
& & 23:30:36 +08:00
@ 突然发现貌似把js文件做成user-script是不行的。因为需要一个源js环境的一个变量。
你可以把bookmark的代码把javascript: 去掉作为userscript
& & 23:46:39 +08:00
userscript是下面这段。
// ==UserScript==
// @
youku tudou HTML5 player
// @
http://*.youku.com/*
// @
http://*.tudou.com/*
// ==/UserScript==
(function () {
= document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.setAttribute('src', ');
document.head.appendChild(s);
})();
& & 23:57:29 +08:00
这个也可以
& & 00:21:29 +08:00
& & 00:23:43 +08:00
其实我去优酷土豆是很有针对性的。
比如乔老师每天2发，然后小满撒神09，没事plu。然后动漫一直追。
优酷哪个实验室项目以前有看过，但是不符合朱一的习惯。
所以做了这个。
其实感觉优酷怎么做视频分类感觉还是没有实际大的效果的。
目前感觉基于人际关系的推送以及订阅这方面的加强更为重要一些。
& & 00:24:29 +08:00
@ github上有看到。你手挺快的。
& & 00:37:48 +08:00
@ 看视频从来都是AB站。。。就算youkutudou看了的 也得到AB站看一遍弹幕吐槽版啊
-________-''
& & 00:49:50 +08:00
@ 呃，果然是插件的问题。这个插件把链接直接替换成js的url了……关掉就好了……现在chrome可以播放mp4了
& & 01:11:44 +08:00
神人！！！准备开源不！！
& & 01:21:42 +08:00
@ 源码在github上。 其实很简单，只是猜url.
上面有链接。
@ 神级插件。
& & 01:25:29 +08:00
@ 哈哈谦虚了
& & 04:47:31 +08:00 via iPad
@ 现在解脱了，直接用ipad看就好了
& & 13:28:50 +08:00
safari 开 developer 模式，user agent 用 ipad 的或者 iphone 的就可以了呀。
+1
& & 14:34:34 +08:00
给chrome直接改useragent貌似不行，见图（顺带试试贴图）
貌似html5先出来，然后flash再出来，然后两个都不能播了.....
估计还是得用楼主的办法，期待能写个chrome的插件出来
& & 14:54:47 +08:00
@ 每次这么切是很不方便的。
现在朱一是自己把这个bookmark写在油猴子里了，每次youku,tudou自动加载。
油猴脚本上面回复里有贴。
@ chrome不支持m3u8的编码格式。感觉应该和chrome不再支持H.263有关
& & 15:12:22 +08:00
朱一，偶像！mua~
& & 15:51:37 +08:00
@ 是啊，黑色的，就和youtube里面的关灯一样，个人觉得效果会好许多。楼主加油！！！
& & 16:58:32 +08:00
可是...可是 FF就这样被抛弃了吗?
& & 17:03:41 +08:00
福利帝！！！ 强烈支持~~~mua~
& & 17:17:16 +08:00
m3u8的url我用一些播放器打开，放起来一停一停的，因为一小段就几秒，在放前一段时似乎没有预加载下一段导致中间有停顿的时间。有什么播放器可以做到比较流暢的播放的？
& & 17:28:35 +08:00
@ 这个没办法。你可以致电youku和tudou的客服美眉
@ itunes貌似可以。
然后就是土豆的比优酷的流程
& & 17:43:53 +08:00
看来仅仅是mba发热了，我的mbp的cpu占用率很低而且不发热呢
& & 17:45:47 +08:00
@ 还是QQ视频给力，我刚才是想看龙门飞甲，发现只有QQ视频有单个文件的高清MP4。优酷的mp4很不清晰。
& & 17:51:23 +08:00
@ 真的看flash不热么.
@ youku的flash真心不给力
& & 18:29:09 +08:00
修复土豆的一个bug
& & 19:34:28 +08:00
@ 我的真心不热。。。 昨天夏娜和妖精尾巴就是
& & 21:31:09 +08:00
替我的mba的风扇感谢lz。真心觉得好。
& & 15:30:58 +08:00
赞一个！我妈这回开心了！
& & 16:03:26 +08:00
登录不到你博客。。。。。诺顿的DNS拦截了。
& & 16:33:05 +08:00
@ 个人页是是个free.bg免费的二级域名。有点当年co.cc的待遇了。。额
& & 18:53:46 +08:00
firefox下面说视频格式不支持，我该怎么办？
& & 20:03:42 +08:00
@ 朱一是个大牛
& & 21:03:29 +08:00
@ 这东西只是为了air看视频不热。
ff是开源软件。不能播放mp4或者m3u8这样的格式。请使用safari.
& & 21:04:25 +08:00
@ 朱一不是大牛。
& & 11:18:05 +08:00
楼主赶紧上土豆的啊 好用啊
& & 11:20:17 +08:00
@ sorry 貌似已经支持土豆了 谢谢
& & 11:40:15 +08:00
你戳中了要點！
& & 19:07:29 +08:00 via iPod
应该是coded by zy...
& & 12:59:52 +08:00
修改。 youku花屏问题。
& & 13:54:59 +08:00
不能全屏吗？win+chrome
& & 13:59:43 +08:00
这个真的不适用chrome用户。那个mp4的画质太渣了。
& & 14:10:13 +08:00
@ 我主要是比较习惯全屏看。。
& & 14:14:06 +08:00
& & 15:36:23 +08:00
转换A/B站的字幕，我写了个工具
& & 20:46:41 +08:00
用了一段时间了，感觉相当棒！以前我也是开 Developer 模式选 user agent 的，现在就用这个 bookmark 了，很方便
& & 16:02:16 +08:00
@ 哈哈 小满萨神凯导牛蛙~ 欢乐~ 非常实用! 多谢!
& & 21:42:30 +08:00
太酷了！ 有没有 搜狐 的呢？
& & 06:29:00 +08:00
@ 朱一不是大牛，是小牛撒 (顺便测试一下我的userscript)
& & 10:44:35 +08:00
上班的时候偷偷做的 ～
哈哈。。。给力插件 .
& & 01:18:56 +08:00
@ 你好牛！TAT
& & 19:48:38 +08:00
朱一大萌神
被推荐到 HTML5研究小组 的微博了哟
& & 19:51:01 +08:00
朱一大萌神 帅气啊。哈哈。。每个作品都萌死了。
& & 22:14:43 +08:00
mac safari下，再设置里面有个开发模式，用户代理设置为ipad，iphone，即可把视频网站直接转为html5方式浏览。
& & 00:55:56 +08:00
user agent的方式虽然是万能的，不过如果计算点击数的话，还是LZ这个好用。
ps：如果是其他网站的在线视频也有办法这么做吗？
其实我关心的是，有没有这种一招鲜的办法能让浏览器切换到html5的模式，可能这种方式和切换useragent的方式一样，切换html5 mba立马就吵了。
& & 21:37:18 +08:00
貌似不行也
& & 23:12:14 +08:00
@ 为啥不行？
& & 15:39:13 +08:00
谢谢朱一！
& & 20:39:35 +08:00
能否搞个搜狐的？搜狐上很多美剧的，别的地方都没有
& & 20:41:06 +08:00
看到支持搜狐了，好棒啊
& & 09:44:14 +08:00
能否支持奇艺啊？
& & 10:03:41 +08:00
@ 原来支持。这几天有变故。过几天会支持。
& & 23:47:52 +08:00
快1年木有更新啦～～
& & 12:54:55 +08:00
@ 有断断续续改动的。 只是你没发现。
& · & 544 人在线 & 最高记录 3541 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.0 · 34ms · UTC 20:18 · PVG 04:18 · LAX 13:18 · JFK 16:18? Do have faith in what you're doing.| 高级搜索
包含以下全部的关键词
包含以下的完整关键词
包含以下任意一个关键词
不包括以下关键词
搜索结果显示条数
选择搜索结果显示的条数
每页显示10条
每页显示20条
每页显示50条
限定要搜索的网页的时间是
全部时间最近一天最近一周最近一月最近一年
搜索网页语言是
仅在简体中文中
仅在繁体中文中
搜索网页格式是
所有网页和文件
Adobe Acrobat PDF (.pdf)
微软 Word (.doc)
微软 Excel (.xls)
微软 Powerpoint (.ppt)
RTF 文件 （.rtf)
关键词位置
查询关键词位于
网页的任何地方
仅网页的标题中
仅在网页的URL中
限定要搜索指定的网站是
baidu.com 
&2018 Baidu【重要通知】因本网站升级改造,将于日10：00开始暂停开发者认证申请和开发者应用创建，具体开放时间请关注官网公告和官方群公告信息。
不影响已有应用使用和维护。给您带来的不便还请谅解。
获取我们的解决方案
面向游戏开发者的解决方案
快捷录屏制作攻略视频，并一键分享至优酷站内，让优酷亿级海量用户第一时间了解游戏的精彩内容
面向视频创业者的解决方案
创业者希望通过自己拥有的视频获取更多的价值，我们助力您的梦想，为视频创造价值
优酷开放平台微信
(C) 2016 open.youku.com 优酷开放平台 版权所有优酷网页打不开了怎么办？解决IE打不开优酷首页的办法
互联网 & 12-29 11:01:25 & 作者：佚名 &
优酷网页打不开了怎么办？优酷首页打不开，用IE无法显示但是用谷歌浏览器没问题。试过很多方法都不行，最后摸索出了解决方法，下面分享解决IE打不开优酷首页的办法，需要的朋友可以参考下
优酷首页打不开，用IE无法显示但是用谷歌浏览器没问题。试过很多方法都不行，最后摸索出了解决方法，这里分享给大家。
1、使用IE浏览器打优酷首页出现无法显示页。我们只要重置internet explorer为默认设置就可以解决这个问题了。
2、选择齿轮图标，点击Internet选项。
3、在高级页签点击下面的重置按钮。
4、勾选删除个人设置，然后点击重置按钮。
5、重置完成，点击关闭按钮并重新启动计算机。
6、重启电脑之后，再用IE大优酷首页试试？怎么样大快来吧！
大家感兴趣的内容
12345678910
最近更新的内容招聘：易居中国克而瑞技术中心招聘前端工程师，有意请投简历到
js点击弹框优酷视频，并控制视频播放和暂停及重新载入的方法
36099次浏览
今天做了弹框显示优酷视频的案例，有点有问题，但是通过其他办法解决了。自己感觉，虽然解决了，但是还是不是很好！不知道大家有没有更好的解决办法！
弹框显示优酷视频，且一个页面中有很多优酷视频，做到效果如下图：
div弹出层是在一个页面当中的，点击关闭，让优酷视频重新载入。（控制优酷视频的播放和暂停，定位指定时间和播放当前时间，优酷当中已经给了API函数，但是重新载入视频没有）
js制作弹出层，相信大家应该都会做，今天就不总结js弹出层的效果了，关于js弹出层，后面有时间再讲！
首先，优酷API开发平台的地址:
激活一下邮箱，进入工具，会生成一个client_id，vid是视频的id，通过浏览器地址或者分享里面可以复制到。
调用视频的代码如下：
&div id=&youkuplayer& style=&width:480height:400px&&&/div&
&script type=&text/javascript& src=&http://player.youku.com/jsapi&&
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: '7ea1dcdd8ea5d799',
vid: '替换成优酷视频ID',
autoplay: true,
show_related: true,
onPlayEnd: function(){ /*your code*/ },
onPlayStart: function(){ /*your code*/ },
onPlayerReady: function(){ /*your code*/ }
function playVideo(){
player.playVideo();
function pauseVideo(){
player.pauseVideo();
function seekTo(s){
player.seekTo(s);
function currentTime(){
return player.currentTime();
这里就不一一对代码进行解释了，详细大家应该都能看懂，或者去优酷视频API上面有解释。
我在这里要解释的是，优酷里面的script的引用方式比较特别，是这样的
&script type=&text/javascript& src=&http://player.youku.com/jsapi&&
然后再在script中写入代码，那换成我们平时用的方式可以吗？通过验证也是可以的。
&div id=&youkuplayer& style=&width:480height:400px&&&/div&
&script type=&text/javascript& src=&http://player.youku.com/jsapi&&
&script type=&text/javascript&&
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: '7ea1dcdd8ea5d799',
vid: '替换成优酷视频ID',
autoplay: true,
show_related: true,
onPlayEnd: function(){ /*your code*/ },
onPlayStart: function(){ /*your code*/ },
onPlayerReady: function(){ /*your code*/ }
function playVideo(){
player.playVideo();
function pauseVideo(){
player.pauseVideo();
function seekTo(s){
player.seekTo(s);
function currentTime(){
return player.currentTime();
这样大家应该都明白了吧。
对于优酷视频重新载入，好在谷歌浏览器，火狐等等，在div设置属性display none之后，会自动重新载入，比较方便，但是在IE浏览器中就不一样了。
IE浏览器的问题
1、要在div中加上 & html&& body&标签
2、在div隐藏之后，视频还是照常播放，只能设置停止，但是不能重新载入！
1、把视频object隐藏掉，弹出的时候再显示，经过实验，宣布失败！
2、把视频object remove掉，弹出的时候再用html把其放上去，经过实验，有点有问题，没有进行下去！宣布失败！
3、既然其他浏览器都是好的，只有IE有问题，不放对IE进行一个小小的刷新，其他浏览器不刷新，这样解决如何？
你可以参考我之前写的一篇浏览器重载的文章：
&!--// 以下只支持ie --&
&a href=&javascript:document.URL=location.&&点击重新载入页面&/a&
&a href=&javascript:navigate(location);&&点击重新载入页面&/a&
&a href=&javascript:document.execCommand('Refresh');&&点击重新载入页面&/a&
&!--// 以上只支持ie --&
这几种刷新方式只有IE支持啊，果断应用！
document.execCommand('Refresh');
关闭之后，虽然有点小刷新，还是跳转到原来的位置！
自己感觉这种解决方式有点有失用户体验，不过只针对IE，而且也会跳到你点击的位置，所以自我安慰，这种方式还好！
不知道大家有没有更好的解决方案，期待您提出更好的方案和意见，万分感谢！
相关文章：
关键词搜索