☰

bili_fix_player

修复B站播放器,黑科技,列表页、搜索页弹窗,破乐视限制,提供高清、低清晰源下载,弹幕下载

目前为 2014-07-14 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        bili_fix_player
  3. // @namespace   bili
  4. // @description 修复B站播放器,黑科技,列表页、搜索页弹窗,破乐视限制,提供高清、低清晰源下载,弹幕下载
  5. // @include     /^.*\.bilibili\.(tv|com|cn)\/(video\/|search)?.*$/
  6. // @include     /^.*bilibili\.kankanews\.com\/(video\/|search)?.*$/
  7. // @version     3.6.2
  8. // @grant       GM_xmlhttpRequest
  9. // @grant       GM_getValue
  10. // @grant       GM_setValue
  11. // @grant       GM_addStyle
  12. // @author     绯色
  13. // ==/UserScript==
  14. /**
  15. 出现无法播放情况先关闭自动修复
  16. 2014-07-13你造吗？您可以使用一个海外的代理并将http://interface.bilibili.com/playurl?*作为代理规则加入到代理列表中j即可弹窗播放爱奇艺视频（来自田生大神）
  17. 					修复弹窗播放时，点击B站FLASH播放器后，若直接点击关闭弹窗，会造成鼠标滚轮无效的问题
  18. 					修复360浏览器在脚本设置的时候，被视频君挡住无法设置的问题，方案是（设置的时候先让视频君去火星，设置后再放回来）
  19. 2014-06-30按照田生大神建议，增加与其脚本匹配id,在弹窗标题增加打开播放页面的按钮，补充，发现BUG，在弹窗播放时，点击B站FLASH播放器后，若直接点击关闭弹窗，会造成鼠标滚轮无效的问题，这BUG作者暂时无修复方法
  20. 					并且使用了田生大神分支里面的弹窗播放器支持网页全屏功能，感谢
  21. 2014-06-21修复搜索页面因为作者正则匹配错误（B站把域名换成com但在a标签还是tv域名，坑爹）的问题
  22. 2014-06-18修复B站更换域名的BUG，在田生大神的建议下，将所有api域名换成com，弹窗播放器增加收藏按钮
  23. 2014-06-08修复小部分bug(样式冲突、弹窗冲突)
  24. 2014-06-03增强弹窗播放器，[拖动窗口标题可移动播放器，拖动右下角可改变播放器大小，设置后自动保存宽高和位置]
  25. 2014-05-25感谢吧友lzgptdgj提供BUG，在小型播放器下，屏蔽规则会无效的问题，已经修复
  26. 2014-05-14增加首页弹窗播放，基本实现全站可弹窗（首页新番专题列表除外等）
  27. 2014-05-13增加搜索页面的弹窗播放，并且支持多P和显示当前P，增加模糊画质下载按钮
  28. 2014-05-11还是基佬要求，增加弹窗播放器分P效果，增加弹幕下载功能，在吧友大神田生的建议下，正则表达式加强匹配
  29. 2014-05-10收益于自己的B站追番计划(http://v.myacg.ga或者http://weiyun.jd-app.com)，代码逻辑重构(不再区分视频源再解析视频)，并重写UI
  30. 2014-05-10受诸多基佬要求，增加除首页外其他分类页面的弹窗播放(初衷是为了弹窗乐视源)
  31. 2014-03-28增加下载视频按钮
  32. 2014-01-23替换优酷、爱奇艺、搜狐为B站播放器
  33. 2013-12-14修复B站播放器无法在火狐魔镜弹窗播放
  34. ------------以下信息提供给开发者-----------
  35. //https://static-s.bilibili.tv/play.swf---新版播放器
  36. //http://static.hdslb.com/play.swf---旧版播放器
  37. //https://static-s.bilibili.tv/play_old.swf---考古级别播放器
  38. //使用https连接的播放器可以获得屏蔽列表
  39. -------------------------------------------
  40. */
  41. (function() {
  42. 	//初始化 init
  43. 	if (GM_getValue('auto') == undefined) GM_setValue('auto', 1);
  44. 	if (GM_getValue('player_size') == undefined) GM_setValue('player_size', 1);
  45. 	if (GM_getValue('pagebox_display')== undefined) GM_setValue('pagebox_display', 0);
  46. 	//if (GM_getValue('player_container')== undefined) GM_setValue('player_container', 1);//弹窗播放器的标签容器（iframe/embed）已经完美解决
  47. 	//初始化播放器宽高
  48. 	if (GM_getValue('player_width') == undefined) GM_setValue('player_width', 950);
  49. 	if (GM_getValue('player_height') == undefined) GM_setValue('player_height', 482);
  50. 	//初始化播放器外框位置
  51. 	//if (GM_getValue('div_top') == undefined) GM_setValue('div_top', 100);//设置垂直位置的时候，如果是长页而且是浮动播放器时候记录位置，会导致播放器不知所踪
  52. 	if (GM_getValue('div_left') == undefined) GM_setValue('div_left', 100);
  53. 	//初始化jquery支持
  54. 	var $ = unsafeWindow.$;
  55. 	/**
  56. -------------------------------用户界面GUI View-------------------------------------
  57. */
  58. 	//函数，插入可视化操作视图
  59.  
  60. 	function insert_html(type) {
  61. 		var auto = GM_getValue('auto') ? '已打开' : '已关闭';
  62. 		var player_size = GM_getValue('player_size') ? '大型' : '小型';
  63. 		var display=GM_getValue('pagebox_display') ? '悬浮' : '默认';
  64. 		//var container=GM_getValue('player_container')?'iframe[无滚动条bug]':'embed[无拖放bug]';
  65. 		var div = '<a style="color:red" id="bili-fix-player-installed">脚本(｀・ω・´)</a>\
  66. 						<ul class="i_num" id="bili_fix_script">\
  67. 						<li><a class="font">遇到播放错误请关闭自动修复后刷新页面</a><a target="_blank" href="http://bilili.ml/361.html">BUG反馈</a></li>\
  68. 						<li><a>本页视频源:<b style="color:#F489AD">' + type + '</b></a></li>\
  69. 						<li><a class="font">高清视频下载HD(右键复制以下视频分段下载链接，然后在新标签粘贴打开即可不被403)</a><div class="m_num" id="av_source">\
  70. 						</div></li>\
  71. 						<li><a class="font" target="_blank" id="aid_down_av">模糊画质视频下载(单文件)</a></li>\
  72. 						<li><a id="down_cid_xml" target="_blank">弹幕下载</a></li>\
  73. 						<li><a>自动修复(修改后请刷新页面):<a id="bili_fix" class="bfpbtn">' + auto + '</a></a></li>\
  74. 						<li><a class="font">播放器大小(小型在火狐弹窗无BUG):<a id="player_size" class="bfpbtn">' + player_size + '</a></a></li>\
  75. 						<li><a>评论区分页导航:<a id="pagebox-display" class="bfpbtn">' + display + '</a></a></li>\
  76. 						<li><a id="bili_set_status">就绪中→_→</a></li>\
  77. 						</ul>\
  78. 						<span class="addnew_5">+10086</span>';
  79. 		$('div.num:nth-child(4) > ul:nth-child(1) > li:nth-child(1)').html(div);
  80. 		//监听修复按钮
  81. 		var bfpbtn = document.querySelector("#bili_fix");
  82. 		bfpbtn.addEventListener("click", set_auto, false);
  83. 		//监听播放器大小按钮
  84. 		var bfpbtn = document.querySelector("#player_size");
  85. 		bfpbtn.addEventListener("click", set_player, false);
  86. 		//监听评论分页功能显示切换
  87. 		var bfpbtn = document.querySelector("#pagebox-display");
  88. 		bfpbtn.addEventListener("click", change_pagebox_display, false);
  89. 	}
  90.  
  91. 	//函数，插入下载按钮
  92.  
  93. 	function insert_download_button(url, count) {
  94. 		$('#av_source').append('<a href="' + url + '" target="blank">分段【' + count + '】</a>');
  95. 	}
  96.  
  97. 	//设置参数
  98. 	//修复按钮事件
  99.  
  100. 	function set_auto() {
  101. 		GM_getValue('auto') ? GM_setValue('auto', 0) : GM_setValue('auto', 1);
  102. 		var s = GM_getValue('auto') ? '已打开' : '已关闭';
  103. 		document.getElementById('bili_fix').innerHTML = s;
  104. 		$("#bili_fix").toggleClass("active");
  105. 		$('#bili_set_status').html('<a class="bfpbtn notice font">已更改,刷新生效_(:3」∠)_</a>');
  106. 	}
  107. 	//播放器大小按钮事件
  108.  
  109. 	function set_player() {
  110. 		GM_getValue('player_size') ? GM_setValue('player_size', 0) : GM_setValue('player_size', 1);
  111. 		var s = GM_getValue('player_size') ? '大型' : '小型';
  112. 		document.getElementById('player_size').innerHTML = s;
  113. 		$("#player_size").toggleClass("active");
  114. 		$('#bili_set_status').html('<a class="bfpbtn active font">已更改,刷新生效_(:3」∠)_</a>');
  115. 	}
  116. 	
  117. 	//函数 评论分页功能显示切换（悬浮、原来位置）
  118. 	function change_pagebox_display(){
  119. 		GM_getValue('pagebox_display') ? GM_setValue('pagebox_display', 0) : GM_setValue('pagebox_display', 1);
  120. 		var s = GM_getValue('pagebox_display') ? '悬浮' : '默认';
  121. 		document.getElementById('pagebox-display').innerHTML = s;
  122. 		$("#pagebox-display").toggleClass("active");
  123. 		$('#bili_set_status').html('<a class="bfpbtn notice font">已更改,刷新生效_(:3」∠)_</a>');
  124. 	}
  125. 	/**
  126. -------------------------------函数 Model-------------------------------------
  127. */
  128. 	//函数，替换播放器
  129.  
  130. 	function Replace_player(aid, cid) {
  131. 		if (GM_getValue('auto') == '1') {
  132. 			if (GM_getValue('player_size') == '1') {
  133. 				document.getElementById('bofqi').innerHTML = '<iframe id="bofqi_embed" class="player" src="https://secure.bilibili.com/secure,cid=' + cid + '&amp;aid=' + aid + '" scrolling="no" border="0" framespacing="0" onload="window.securePlayerFrameLoaded=true" frameborder="no" height="482" width="950"></iframe> ';
  134. 			} else {
  135. 				document.getElementById('bofqi').outerHTML = '<embed id="bofqi_embed" class="player" allowfullscreeninteractive="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" allowscriptaccess="always" rel="noreferrer" flashvars="cid=' + cid + '&amp;aid=' + aid + '" src="https://static-s.bilibili.com/play.swf" type="application/x-shockwave-flash" allowfullscreen="true" quality="high" wmode="window" height="482" width="950">';
  136. 			}
  137. 		}
  138. 	}
  139. 	//api获取cid
  140.  
  141. 	function api_get_cid(aid, page) {
  142. 		var url = 'http://api.bilibili.com/view?type=json&appkey=0a99fa1d87fdd38c&batch=1&id=' + aid;
  143. 		GM_xmlhttpRequest({
  144. 			method: 'GET',
  145. 			url: url,
  146. 			synchronous: false,
  147. 			onload: function(responseDetails) {
  148. 				if (responseDetails.status == 200) {
  149. 					var Content = eval('(' + responseDetails.responseText + ')');
  150. 					var list = Content.list;
  151. 					var p = page - 1;
  152. 					if (list != undefined) {
  153. 						var lp = (list[p] == undefined) ? list[0] : list[p]; //针对某些aid只有一个cid但是有分P的情况
  154. 						//console.log(lp);
  155. 						var cid = lp.cid;
  156. 						var type = lp.type;
  157. 						insert_html(type); //UI
  158. 						//修复360浏览器flash霸占脚本设置区域
  159. 						$("#bili_fix_script,#bili-fix-player-installed").mouseover(function(){
  160. 						$("#bofqi,bofqi_embed").addClass("hide");
  161. 						});
  162. 						$("#bili_fix_script,#bili-fix-player-installed").mouseout(function(){
  163. 						$("#bofqi,bofqi_embed").removeClass("hide");
  164. 						});
  165. 						var cid_xml_url = 'http://comment.bilibili.com/' + cid + '.xml';
  166. 						$('#down_cid_xml').attr('href', cid_xml_url); //弹幕下载
  167. 						Replace_player(aid, cid); //替换播放器 
  168. 						cid_get_videodown_hd(cid); //获取高清下载链接
  169. 						aid_down_av(aid, page); //av画质下载（单文件）
  170. 					} else {
  171. 						window_player_init(); //执行弹窗函数
  172. 					}
  173. 				}
  174. 			}
  175. 		});
  176. 	}
  177.  
  178. 	//弹框播放器支持页面全屏 来自田生
  179. 	function fix_player_fullwin() {
  180. 		unsafeWindow.player_fullwin = function(is_full) {
  181. 			$('#window-player').css({
  182. 				'position': is_full ? 'fixed' : 'static'
  183. 			});
  184. 			$('.z, .header, .z_top, .footer').css({
  185. 				'display': is_full ? 'none' : 'block'
  186. 			});
  187. 		}
  188. 	};
  189. 	//在新番页面，通过弹窗，获取aid,cid然后进行播放
  190. 	function aid_build_player(aid) {
  191. 		var url = 'http://api.bilibili.com/view?type=json&appkey=0a99fa1d87fdd38c&batch=1&id=' + aid;
  192. 		GM_xmlhttpRequest({
  193. 			method: 'GET',
  194. 			url: url,
  195. 			synchronous: false,
  196. 			onload: function(responseDetails) {
  197. 				if (responseDetails.status == 200) {
  198. 					var Content = eval('(' + responseDetails.responseText + ')');
  199. 					var list = Content.list;
  200. 					//默认播放第一个分P-------------------
  201. 					var p = 0;
  202. 					var lp = (list[p] == undefined) ? list[0] : list[p];
  203. 					//console.log(lp);
  204. 					var cid = lp.cid;
  205. 					$('#player_content').html(window_player(aid, cid));
  206. 					//分P列表和播放器------------------------------
  207. 					for (var i in list) {
  208. 						//console.log(list[i]);
  209. 						var cid = list[i].cid;
  210. 						var p = parseInt(i) + 1;
  211. 						$('#window_play_list').append('<li class="single_play_list" data-field="aid=' + aid + '&cid=' + cid + '"><a  href="javascript:void(0);" style="color:#00A6D8;" >' + p + 'P</a></li>');
  212. 					}
  213. 					if (!unsafeWindow.player_fullwin) setTimeout(fix_player_fullwin, 0);
  214. 					//弹窗的分P播放
  215. 					$('.single_play_list').click(
  216. 						function() {
  217. 							$('#window_play_info').html('正在播放第<span style="color:#F0CF1D">' + $(this).find('a').html() + '</span>');
  218. 							var info = $(this).attr('data-field');
  219. 							var pattern = /aid=(\d+)&cid=(\d+)/ig;
  220. 							var val = pattern.exec(info);
  221. 							var aid = val === null ? '' : val[1];
  222. 							var cid = val === null ? '' : val[2];
  223. 							// console.log(aid,cid);
  224. 							setTimeout(function() {
  225. 								$('#player_content').html(window_player(aid, cid));
  226. 							});
  227. 						});
  228. 				}
  229. 			}
  230. 		});
  231. 	}
  232. 	//弹窗播放器
  233.  
  234. 	function window_player(aid, cid) {
  235. 		var width = GM_getValue('player_width');
  236. 		var height = GM_getValue('player_height');
  237. 		return '<iframe  id="window-player" class="player" src="https://secure.bilibili.com/secure,cid=' + cid + '&amp;aid=' + aid + '" scrolling="no" border="0" framespacing="0" onload="window.securePlayerFrameLoaded=true" frameborder="no" height="' + height + '" width="' + width + '"></iframe> ';
  238. 	}
  239. 	//cid获取高清视频链接
  240.  
  241. 	function cid_get_videodown_hd(cid) {
  242. 		var url = 'http://interface.bilibili.com/playurl?appkey=0a99fa1d87fdd38c&platform=android&quality=2&cid=' + cid;
  243. 		GM_xmlhttpRequest({
  244. 			method: 'GET',
  245. 			url: url,
  246. 			synchronous: false,
  247. 			onload: function(responseDetails) {
  248. 				if (responseDetails.status == 200) {
  249. 					var pattern = /<\/(?:(?:chunk)?size|length)>[\s\n]*?<url><\!\[CDATA\[(.*?)\]\]><\/url>/ig;
  250. 					var c = 1;
  251. 					while (content = pattern.exec(responseDetails.responseText)) {
  252. 						var url = content ? (content[1]) : 'http://interface.bilibili.cn/playurl?appkey=0a99fa1d87fdd38c&platform=android&quality=2&cid=' + cid;
  253. 						insert_download_button(url, c);
  254. 						c++;
  255. 					}
  256. 				}
  257. 			}
  258. 		});
  259. 	}
  260. 	//低画质视频下载（单文件）
  261.  
  262. 	function aid_down_av(aid, page) {
  263. 		var url = 'http://www.bilibili.com/m/html5?aid=' + aid + '&page=' + page;
  264. 		GM_xmlhttpRequest({
  265. 			method: 'GET',
  266. 			url: url,
  267. 			synchronous: false,
  268. 			onload: function(responseDetails) {
  269. 				if (responseDetails.status == 200) {
  270. 					var Content = eval('(' + responseDetails.responseText + ')');
  271. 					var downlink = Content.src;
  272. 					$('#aid_down_av').attr('href', downlink);
  273. 				}
  274. 			}
  275. 		});
  276. 	}
  277.  
  278. 	/**
  279. -------------------------------控制 Control-------------------------------------
  280. */
  281.  
  282. 	function window_player_init() {
  283. 		//弹窗------------------------------
  284. 		//新番列表弹窗UI
  285. 		$('.vd_list .title').each(
  286. 			function() {
  287. 				var href = $(this).attr('href');
  288. 				var pattern = /\/video\/av(\d+)\//ig;
  289. 				var content = pattern.exec(href);
  290. 				var aid = content ? (content[1]) : '';
  291. 				$(this).prepend('<a class="single_player" href="javascript:void(0);" style="color:red;" data-field="' + aid + '">弹▶</a>');
  292. 			});
  293. 		//搜索列表弹窗UI
  294. 		$('.result li .r a').each(
  295. 			function() {
  296. 				var href = $(this).attr('href');
  297. 				var pattern = /\/video\/av(\d+)\//ig;
  298. 				var content = pattern.exec(href);
  299. 				var aid = content ? (content[1]) : '';
  300. 				if (aid != '') {
  301. 					$(this).find('.t').prepend('<a class="single_player" href="javascript:void(0);" style="color:red;" data-field="' + aid + '">弹▶</a>');
  302. 				}
  303. 			});
  304. 		//带缩略图弹窗UI、和侧栏新投稿弹窗UI、首页的推荐栏弹窗、侧栏列表弹窗UI
  305. 		$('.video li a,.z-r.new li a,#suggest li a,.rlist li a').each(
  306. 			function() {
  307. 				var href = $(this).attr('href');
  308. 				var pattern = /\/video\/av(\d+)\//ig;
  309. 				var content = pattern.exec(href);
  310. 				var aid = content ? (content[1]) : '';
  311. 				$(this).find('.t').prepend('<a class="single_player" href="javascript:void(0);" style="color:red;" data-field="' + aid + '">弹▶</a>');
  312. 			});
  313. 		//弹窗默认的第一P，建立弹窗播放器并建立分P列表===click事件应该在each事件之后执行
  314. 		$('.single_player').click(
  315. 			function() {
  316. 				//$('.dialogcontainter').remove();//防止同时播放两个视频
  317. 				$('#player-list').remove(); //移除播放列表
  318. 				var a = '<p id="window_play_title">脚本(｀・ω・´)正在加载中</p><div id="player_content">脚本(｀・ω・´)播放器正在努力加载中....</div>';
  319. 				var list_html = '<div id="player-list"><div class="sort"><i>分P列表</i></div><ul id="window_play_list"></ul></div>';
  320. 							
  321. 				var title = $(this).parent('.t').html() === null ? $(this).parent('.title').html() : $(this).parent('.t').html();
  322. 				var aid = $(this).attr('data-field');
  323. 				var title_html = '<a class="mark_my_video" href="javascript:void(0);" style="color:#006766;" data-field="' + aid + '">收藏★</a>&nbsp;&nbsp;&nbsp;<a href="http://www.bilibili.com/video/av' + aid + '/" style="color:#D54851" target="_blank">打开播放页</a>&nbsp;&nbsp;&nbsp;<span style="color:#8C8983">' + title.replace('弹▶', '') + '</span>&nbsp;&nbsp;&nbsp;▶<span id="window_play_info"></span>';			
  324. 				setTimeout(function() {
  325. 					creat(title_html, a); //创建可视化窗口
  326. 					$('.dialogcontainter').after(list_html);
  327. 					$('#window_play_info').html('正在播放第<span style="color:#F0CF1D">1P</span>');
  328. 					$('#window_play_title').html('<p><a id="div_positon_button" class="button-small button-flat-action" style="background: none repeat scroll 0% 0% #E54C7E;">固定播放器</a><a id="list_control_button" class="button-small button-flat-action" style="background: none repeat scroll 0% 0% #0CB3EE;">收缩分P列表[在左边]</a>[拖动标题可移动播放器，拖动右下角可改变播放器大小，设置后自动保存宽高和位置]</p>');
  329. 					//切换分P按钮
  330. 					$('#list_control_button').click(function() {
  331. 						var flag = $("#player-list").css("display");
  332. 						if (flag == "none") {
  333. 							$("#player-list").show();
  334. 							$('#list_control_button').html('收缩分P列表');
  335. 							$('#list_control_button').css('background', 'none repeat scroll 0% 0% #0CB3EE');
  336. 						} else {
  337. 							$("#player-list").hide();
  338. 							$('#list_control_button').html('显示分P列表');
  339. 							$('#list_control_button').css('background', 'none repeat scroll 0% 0% #FF2C14');
  340. 						}
  341. 					});
  342. 					//固定播放器按钮
  343. 					$('#div_positon_button').click(function() {
  344. 						var p = $('.dialogcontainter').css('position');
  345. 						if (p == "fixed") {
  346. 							$('.dialogcontainter').css('position', 'absolute');
  347. 							$('#player-list').css('position', 'absolute');
  348. 							$('#div_positon_button').html('浮动播放器');
  349. 							$('#div_positon_button').css('background', 'none repeat scroll 0% 0% #FECD3E');
  350. 						} else {
  351. 							$('.dialogcontainter').css('position', 'fixed');
  352. 							$('#player-list').css('position', 'fixed');
  353. 							$('#div_positon_button').html('固定播放器');
  354. 							$('#div_positon_button').css('background', 'none repeat scroll 0% 0% #E54C7E');
  355. 						}
  356. 					});
  357. 					//弹窗播放器收藏功能
  358. 					$('.mark_my_video').click(function() {
  359. 						var aid = $(this).attr('data-field');
  360. 						$.ajax({
  361. 							type: 'POST',
  362. 							url: 'http://www.bilibili.com/m/stow',
  363. 							data: 'dopost=save&aid=' + aid + '&stow_target=stow&ajax=1',
  364. 							success: function(r) {
  365. 								//$('#edit_status_bar').html(r);
  366. 								alert('收藏成功');
  367. 							},
  368. 							error: function(r) {
  369. 								alert('出错，请重试！');
  370. 							},
  371. 							dataType: 'text'
  372. 						});
  373. 					});
  374. 				}, 0);
  375. 				setTimeout(function() {
  376. 					aid_build_player(aid);
  377. 				}, 0);
  378. 			});
  379. 	}
  380. 	//END弹窗------------------------------
  381.  
  382. 	//替换播放器----------------------------
  383. 	//取出aid和分P
  384. 	var url = document.location.href;
  385. 	var aid_reg = /\/av(\d+)\/(?:index_(\d+)\.html)?/ig;
  386. 	var aid_array = aid_reg.exec(url);
  387.  
  388. 	var aid = aid_array === null ? '' : aid_array[1]; //aid
  389. 	var page = aid_array === null ? '1' : typeof(aid_array[2]) == 'undefined' ? '1' : aid_array[2]; //分p
  390.  
  391. 	//播放器的html
  392. 	var content; //本脚本使用了很多content变量，其中cid_get_videodown函数的while循环content变量全局，如果此处未定义content，火狐会报权限问题
  393. 	api_get_cid(aid, page); //按照aid和分p获取cid并且替换播放器
  394.  
  395. 	//当设置悬浮评论分页栏时，增加css
  396. 	if (GM_getValue('pagebox_display') == 1) {
  397. 		 var css='.pagelistbox{position:fixed;bottom:100px;  right:0px;background-image:url("http://nightlyfantasy.github.io/Bili_Fix_Player/bg.png");}';
  398. 		 GM_addStyle(css);
  399. 		}
  400. 	
  401. 	//css插入
  402. 	var css = '.bfpbtn{font-size:12px;height:25.6px;line-height:25.6px;padding:0px 2px;transition-property:#000,color;transition-duration:0.3s;box-shadow:none;color:#FFF;text-shadow:none;border:medium none;background:none repeat scroll 0% 0% #00A1CB!important;}.bfpbtn.active{background:none repeat scroll 0% 0%  #F489AD!important;}.bfpbtn.notice{background-color:#A300C0!important;}.font{font-size:11px!important;}#window_play_list li{float:left;position:relative;width:5em;border:1px solid #B0C4DE;font:80% Verdana,Geneva,Arial,Helvetica,sans-serif;}.ui.corner.label{height:0px;border-width:0px 3em 3em 0px;border-style:solid;border-top:0px solid transparent;border-bottom:3em solid transparent;border-left:0px solid transparent;border-right-color:rgb(217,92,92)!important;transition:border-color 0.2s ease 0s;position:absolute;content:"";right:0px;top:0px;z-index:-1;width:0px;}.ui.corner.label i{display:inline-block;margin:3px 0.25em 0px 17px;width:1.23em;height:1em;font-weight:800!important;}.dialogcontainter{height:400px;width:400px;border:1px solid #14495f;position:fixed;font-size:13px;}.dialogtitle{height:26px;width:auto;background-color:#C6C6C6;}.dialogtitleinfo{float:left;height:20px;margin-top:2px;margin-left:10px;line-height:20px;vertical-align:middle;color:#FFFFFF;font-weight:bold;}.dialogtitleico{float:right;height:20px;width:21px;margin-top:2px;margin-right:5px;text-align:center;line-height:20px;vertical-align:middle;background-image:url("http://nightlyfantasy.github.io/Bili_Fix_Player/bg.gif");background-position:-21px 0px}.dialogbody{padding:10px;width:auto;background-color:#FFFFFF;background-image:url("http://nightlyfantasy.github.io/Bili_Fix_Player/bg.png");}.dialogbottom{bottom:1px;right:1px;cursor:nw-resize;position:absolute;background-image:url("http://nightlyfantasy.github.io/Bili_Fix_Player/bg.gif");background-position:-42px -10px;width:10px;height:10px;font-size:0;}.button-small{font-size:12px;height:25.6px;line-height:25.6px;padding:0px 5px;}.button-flat-action{transition-duration:0.3s;box-shadow:none;background:none repeat scroll 0% 0% #7DB500;color:#FFF!important;text-shadow:none;border:medium none;border-radius:3px;}#player-list{position:fixed;z-index:1000;left:10px;top:50px;width:400px!important;background-image:url("http://nightlyfantasy.github.io/Bili_Fix_Player/bg.png");min-height:200px!Important;}#player_content{position:absolute;top:60px;left:10px;right:10px;bottom:10px;}#window-player{bottom:0;height:100%;left:0;right:0;top:0;width:100%;}a.single_player{display:none;}a:hover .single_player{display:inline;}#bofqi_embed.hide,#bofqi.hide,#player_content.hide{margin-left:3000px!important;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}#bofqi_embed,#bofqi,#player_content{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}';
  403. 	GM_addStyle(css);
  404.  
  405. 	//高大上的拖动DIV和改变DIV大小功能，来自互联网脚本之家www.jb51.net
  406. 	var z = 1,i = 1,left = 10;
  407. 	var isIE = (document.all) ? true : false;
  408. 	var Extend = function(destination, source) {
  409. 		for (var property in source) {
  410. 			destination[property] = source[property];
  411. 		}
  412. 	}
  413.  
  414. 	var Bind = function(object, fun, args) {
  415. 		return function() {
  416. 			return fun.apply(object, args || []);
  417. 		}
  418. 	}
  419.  
  420. 	var BindAsEventListener = function(object, fun) {
  421. 		var args = Array.prototype.slice.call(arguments).slice(2);
  422. 		return function(event) {
  423. 			return fun.apply(object, [event || window.event].concat(args));
  424. 		}
  425. 	}
  426.  
  427. 	var CurrentStyle = function(element) {
  428. 		return element.currentStyle || document.defaultView.getComputedStyle(element, null);
  429. 	}
  430.  
  431. 		function create(elm, parent, fn) {
  432. 			var element = document.createElement(elm);
  433. 			fn && fn(element);
  434. 			parent && parent.appendChild(element);
  435. 			return element
  436. 		};
  437.  
  438. 	function addListener(element, e, fn) {
  439. 		element.addEventListener ? element.addEventListener(e, fn, false) : element.attachEvent("on" + e, fn)
  440. 	};
  441.  
  442. 	function removeListener(element, e, fn) {
  443. 		element.removeEventListener ? element.removeEventListener(e, fn, false) : element.detachEvent("on" + e, fn)
  444. 	};
  445.  
  446. 	var Class = function(properties) {
  447. 		var _class = function() {
  448. 			return (arguments[0] !== null && this.initialize && typeof(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;
  449. 		};
  450. 		_class.prototype = properties;
  451. 		return _class;
  452. 	};
  453.  
  454. 	var Dialog = new Class({
  455. 		options: {
  456. 			Width: 400,
  457. 			Height: 400,
  458. 			Left: 100,
  459. 			Top: 10,
  460. 			Titleheight: 26,
  461. 			Minwidth: 200,
  462. 			Minheight: 200,
  463. 			CancelIco: true,
  464. 			ResizeIco: true,
  465. 			Info: "标题",
  466. 			Content: "无内容",
  467. 			Zindex: 2
  468. 		},
  469. 		initialize: function(options) {
  470. 			this._dragobj = null;
  471. 			this._resize = null;
  472. 			this._cancel = null;
  473. 			this._body = null;
  474. 			this._x = 0;
  475. 			this._y = 0;
  476. 			this._fM = BindAsEventListener(this, this.Move);
  477. 			this._fS = Bind(this, this.Stop);
  478. 			this._isdrag = null;
  479. 			this._Css = null;
  480. 			//////////////////////////////////////////////////////////////////////////////// 
  481. 			this.Width = this.options.Width;
  482. 			this.Height = this.options.Height;
  483. 			this.Left = this.options.Left;
  484. 			this.Top = this.options.Top;
  485. 			this.CancelIco = this.options.CancelIco;
  486. 			this.Info = this.options.Info;
  487. 			this.Content = this.options.Content;
  488. 			this.Minwidth = this.options.Minwidth;
  489. 			this.Minheight = this.options.Minheight;
  490. 			this.Titleheight = this.options.Titleheight;
  491. 			this.Zindex = this.options.Zindex;
  492. 			Extend(this, options);
  493. 			Dialog.Zindex = this.Zindex
  494. 			//////////////////////////////////////////////////////////////////////////////// 构造dialog 
  495. 			var obj = ['dialogcontainter', 'dialogtitle', 'dialogtitleinfo', 'dialogtitleico', 'dialogbody', 'dialogbottom'];
  496. 			for (var i = 0; i < obj.length; i++) {
  497. 				obj[i] = create('div', null, function(elm) {
  498. 					elm.className = obj[i];
  499. 				});
  500. 			}
  501. 			obj[2].innerHTML = this.Info;
  502. 			obj[4].innerHTML = this.Content;
  503. 			obj[1].appendChild(obj[2]);
  504. 			obj[1].appendChild(obj[3]);
  505. 			obj[0].appendChild(obj[1]);
  506. 			obj[0].appendChild(obj[4]);
  507. 			obj[0].appendChild(obj[5]);
  508. 			document.body.appendChild(obj[0]);
  509. 			this._dragobj = obj[0];
  510. 			this._resize = obj[5];
  511. 			this._cancel = obj[3];
  512. 			this._body = obj[4];
  513. 			////////////////////////////////////////////////////////////////////////////////o,x1,x2 
  514. 			////设置Dialog的长 宽 ,left ,top 
  515. 			with(this._dragobj.style) {
  516. 				height = this.Height + "px";
  517. 				top = this.Top + "px";
  518. 				width = this.Width + "px";
  519. 				left = this.Left + "px";
  520. 				zIndex = this.Zindex;
  521. 			}
  522. 			this._body.style.height = this.Height - this.Titleheight - parseInt(CurrentStyle(this._body).paddingLeft) * 2 + 'px';
  523. 			/////////////////////////////////////////////////////////////////////////////// 添加事件 
  524. 			addListener(this._dragobj, 'mousedown', BindAsEventListener(this, this.Start, true));
  525. 			addListener(this._cancel, 'mouseover', Bind(this, this.Changebg, [this._cancel, '0px 0px', '-21px 0px']));
  526. 			addListener(this._cancel, 'mouseout', Bind(this, this.Changebg, [this._cancel, '0px 0px', '-21px 0px']));
  527. 			addListener(this._cancel, 'mousedown', BindAsEventListener(this, this.Disappear));
  528. 			addListener(this._body, 'mousedown', BindAsEventListener(this, this.Cancelbubble));
  529. 			addListener(this._resize, 'mousedown', BindAsEventListener(this, this.Start, false));
  530. 		},
  531. 		Disappear: function(e) {
  532. 			this.Cancelbubble(e);
  533. 			document.body.removeChild(this._dragobj);
  534. 			$('#player-list').remove();
  535. 		},
  536. 		Cancelbubble: function(e) {
  537. 			this._dragobj.style.zIndex = ++Dialog.Zindex;
  538. 			document.all ? (e.cancelBubble = true) : (e.stopPropagation())
  539. 		},
  540. 		Changebg: function(o, x1, x2) {
  541. 			o.style.backgroundPosition = (o.style.backgroundPosition == x1) ? x2 : x1;
  542. 		},
  543. 		Start: function(e, isdrag) {
  544. 			if (!isdrag) {
  545. 				this.Cancelbubble(e);
  546. 			}
  547. 			this._Css = isdrag ? {
  548. 				x: "left",
  549. 				y: "top"
  550. 			} : {
  551. 				x: "width",
  552. 				y: "height"
  553. 			}
  554. 			this._dragobj.style.zIndex = ++Dialog.Zindex;
  555. 			this._isdrag = isdrag;
  556. 			this._x = isdrag ? (e.clientX - this._dragobj.offsetLeft || 0) : (this._dragobj.offsetLeft || 0);
  557. 			this._y = isdrag ? (e.clientY - this._dragobj.offsetTop || 0) : (this._dragobj.offsetTop || 0);
  558. 			if (isIE) {
  559. 				addListener(this._dragobj, "losecapture", this._fS);
  560. 				this._dragobj.setCapture();
  561. 			} else {
  562. 				e.preventDefault();
  563. 				addListener(window, "blur", this._fS);
  564. 			}
  565. 			addListener(document, 'mousemove', this._fM);
  566. 			addListener(document, 'mouseup', this._fS);
  567. 			$("#player_content").addClass("hide");
  568. 		},
  569. 		Move: function(e) {
  570. 			window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
  571. 			var i_x = e.clientX - this._x,
  572. 				i_y = e.clientY - this._y;
  573. 			this._dragobj.style[this._Css.x] = (this._isdrag ? Math.max(i_x, 0) : Math.max(i_x, this.Minwidth)) + 'px';
  574. 			this._dragobj.style[this._Css.y] = (this._isdrag ? Math.max(i_y, 0) : Math.max(i_y, this.Minheight)) + 'px'
  575. 			if (!this._isdrag)
  576. 				this._body.style.height = Math.max(i_y - this.Titleheight, this.Minheight - this.Titleheight) - 2 * parseInt(CurrentStyle(this._body).paddingLeft) + 'px';
  577. 		},
  578. 		Stop: function() {
  579. 			$("#player_content").removeClass("hide");
  580. 			removeListener(document, 'mousemove', this._fM);
  581. 			removeListener(document, 'mouseup', this._fS);
  582. 			//实时改变播放器大小，保存播放器大小
  583. 			$('#window-player').width($('.dialogcontainter').width() - 20);
  584. 			GM_setValue('player_width', ($('.dialogcontainter').width() - 20));
  585. 			$('#window-player').height($('.dialogcontainter').height() - 70);
  586. 			GM_setValue('player_height', ($('.dialogcontainter').height() - 70));
  587. 			//保存位置
  588. 			//GM_setValue('div_top', ($('.dialogcontainter').offset().top));//设置垂直位置的时候，如果是长页而且是浮动播放器时候记录位置，会导致播放器不知所踪
  589. 			GM_setValue('div_left', ($('.dialogcontainter').offset().left));
  590. 			if (isIE) {
  591. 				removeListener(this._dragobj, "losecapture", this._fS);
  592. 				this._dragobj.releaseCapture();
  593. 			} else {
  594. 				removeListener(window, "blur", this._fS);
  595. 			};
  596. 		}
  597. 	})
  598.  
  599. 		function creat(title, content) {
  600. 			$('.dialogcontainter').remove();
  601. 			new Dialog({
  602. 				Info: title = title,
  603. 				Left: GM_getValue('div_left'),
  604. 				Top: 50,
  605. 				Width: (GM_getValue('player_width') + 20),
  606. 				Height: (GM_getValue('player_height') + 70),
  607. 				Content: content,
  608. 				Zindex: (2000)
  609. 			});
  610. 			i++;
  611. 			left += 10;
  612. 		}
  613. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址