☰

Greasy Fork镜像 还支持 简体中文。

Lazy Embedded Video

Lazy load embedded videos from Youtube/Dailymotion/Vimeo/Rutube/Twitch/Ustream/Coub/Vine/Facebook

目前為 2017-09-29 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        Lazy Embedded Video
  3. // @namespace   zeusex81@gmail.com
  4. // @description Lazy load embedded videos from Youtube/Dailymotion/Vimeo/Rutube/Twitch/Ustream/Coub/Vine/Facebook
  5. // @version     3.1
  6. // @include     *
  7. // @icon        https://i.imgur.com/rf0mFDM.png
  8. // @license     MIT
  9. // @grant       GM_getValue
  10. // @grant       GM_setValue
  11. // @run-at      document-start
  12. // ==/UserScript==
  13.  
  14. (function() {
  15. 	var a = document.createElement("A");
  16. 	try      { a.href = top.location.href; }
  17. 	catch(e) { a.href = document.referrer || location.href; }
  18. 	if(a.hostname != location.hostname || /^([^.]+\.)?(youtube|dailymotion|vimeo|rutube|twitch|ustream|coub|vine|facebook)\.[^.]+$/.test(a.hostname))
  19. 		return;
  20. 	
  21. 	var getValue = typeof(GM_getValue) != "undefined" ? GM_getValue :
  22. 	function(name, value) { return localStorage.getItem(name) || value; };
  23. 	var setValue = typeof(GM_setValue) != "undefined" ? GM_setValue :
  24. 	function(name, value) { localStorage.setItem(name, value); };
  25. 	
  26. 	var settings = JSON.parse(getValue("zeusLEV", '[false,true,[]]'));
  27. 	if(settings[2].includes(location.hostname))
  28. 		return;
  29. 	window.addEventListener("message", function(e) {
  30. 		if(e.data.startsWith("zeusLEV CSP")) {
  31. 			iframes[parseInt(e.data.substr(11))].dataset.LEV_CSP = true;
  32. 			return;
  33. 		}
  34. 		settings = JSON.parse(getValue("zeusLEV", '[false,true,[]]'));
  35. 		switch(e.data) {
  36. 		case "zeusLEV autoplay false" : settings[0] = false; break;
  37. 		case "zeusLEV autoplay true"  : settings[0] = true;  break;
  38. 		case "zeusLEV flash false"    : settings[1] = false; break;
  39. 		case "zeusLEV flash true"     : settings[1] = true;  break;
  40. 		case "zeusLEV reset"          : settings[2] = [];    break;
  41. 		case "zeusLEV whitelist"      :
  42. 			observer.disconnect();
  43. 			cancelAnimationFrame(animation);
  44. 			if(!settings[2].includes(location.hostname))
  45. 				settings[2].push(location.hostname);
  46. 			for(var i = 0; i < iframes.length; i++)
  47. 				iframes[i].removeAttribute("srcdoc");
  48. 			break;
  49. 		default : return;
  50. 		}
  51. 		setValue("zeusLEV", JSON.stringify(settings));
  52. 	});
  53. 	
  54. 	var html, iframes = [];
  55. 	var createHtml = function(url, src, api, background_img) {
  56. 		/(.*\/\/(?:[^.\/]+\.)?([^.\/]+)\.[^.\/]+)\//i.test(url);
  57. 		var provider_url = RegExp.$1, provider_name = RegExp.$2, data_convert = "", button_color = "";
  58. 		api += '&callback=jsonpCallback';
  59. 		if(api.includes("yahooapis"))
  60. 			data_convert += 'data = data.query.results.json;';
  61. 		switch(provider_name) {
  62. 		case "youtube" :
  63. 			button_color  = "#c22";
  64. 			data_convert += 'data = {'+
  65. 								'thumbnail_url: (data.items[0].snippet.thumbnails.maxres || data.items[0].snippet.thumbnails.standard || '+
  66. 												'data.items[0].snippet.thumbnails.high   || data.items[0].snippet.thumbnails.medium   || '+
  67. 												'data.items[0].snippet.thumbnails.default).url,'+
  68. 								'title:          data.items[0].snippet.title,'+
  69. 								'author_url:     "//www.youtube.com/channel/"+data.items[0].snippet.channelId,'+
  70. 								'author_name:    data.items[0].snippet.channelTitle,'+
  71. 								'duration:       data.items[0].contentDetails ? /PT(\\d+H)?(\\d+M)?(\\d+S)?/i.test(data.items[0].contentDetails.duration) && '+
  72. 												'(parseInt(RegExp.$1||0)*3600+parseInt(RegExp.$2||0)*60+parseInt(RegExp.$3||0)) || "LIVE" : "PLAYLIST"'+
  73. 							'};';
  74. 			// data_convert += 'if(data.thumbnail_url) {'+
  75. 								// 'var img    = new Image();'+
  76. 								// 'img.onload = function() {'+
  77. 									// 'var valid = this.naturalWidth > 120;'+
  78. 									// 'if(this.src.includes("hqdefault_live")) {'+
  79. 										// 'this.src = this.src.replace("hqdefault"+(valid ? "" : "_live"), "maxresdefault");'+
  80. 									// '} else if(valid) {'+
  81. 										// 'document.body.style.backgroundImage = "url("+this.src+")";'+
  82. 									// '} else if(this.src.includes("maxresdefault")) {'+
  83. 										// 'this.src = this.src.replace("maxresdefault", "sddefault");'+
  84. 									// '} else {'+
  85. 										// 'document.body.style.backgroundImage = "url("+this.src.replace("sddefault", "hqdefault")+")";'+
  86. 									// '}'+
  87. 								// '};'+
  88. 								// 'img.src = removeProtocol(data.thumbnail_url.replace(/\\w+.jpg$/, "hqdefault_live.jpg"));'+
  89. 								// 'delete data.thumbnail_url;'+
  90. 							// '}';
  91. 			break;
  92. 		case "dailymotion" :
  93. 			button_color  = "#fd5";
  94. 			// data_convert += 'if(data.thumbnail_url) data.thumbnail_url = data.thumbnail_url.replace(/\\/x240[^.]+/i, "");';
  95. 			data_convert += 'data.author_url  = data["owner.url"];'+
  96. 							'data.author_name = data["owner.screenname"];'+
  97. 							'if(!data.duration) data.duration = "LIVE";';
  98. 			break;
  99.         case "vimeo" :
  100. 			button_color  = "#5af";
  101. 			data_convert += 'if(data.thumbnail_url) data.thumbnail_url = data.thumbnail_url.replace(/_\\d+x\\d+/i, "");';
  102.             break;
  103.         case "rutube" :
  104. 			button_color  = "#444";
  105. 			data_convert += 'if(data.thumbnail_url) data.thumbnail_url = data.thumbnail_url.replace(/\\?.+/i, "");';
  106.             break;
  107. 		case "twitch" :
  108. 			button_color  = "#548";
  109. 			var id = url.match(/[^\/]+$/)[0];
  110. 			if(src.includes("channel")) { // channel live
  111. 				data_convert += 'var script = document.getElementById("api");'+
  112. 								'if(script.src.includes("/users")) {'+
  113. 									'if(data.users[0]) {'+
  114. 										'var script2 = document.createElement("SCRIPT");'+
  115. 										'script2.id  = "api";'+
  116. 										'script2.src = "'+api+'".replace("{api}", "streams")+"&channel="+data.users[0]._id;'+
  117. 										'document.body.replaceChild(script2, script);'+
  118. 									'}'+
  119. 									'return;'+
  120. 								'} else if(script.src.includes("/streams")) {'+
  121. 									'if(data.streams.length == 0) {'+
  122. 										'document.getElementById("space").insertAdjacentHTML("afterend", "<div id=duration>offline</div>");'+
  123. 										'var script2 = document.createElement("SCRIPT");'+
  124. 										'script2.id  = "api";'+
  125. 										'script2.src = "'+api+'".replace("{api}", "channels/"+script.src.match(/[^=]+$/)[0]);'+
  126. 										'document.body.replaceChild(script2, script);'+
  127. 										'return;'+
  128. 									'}'+
  129. 									'if(data.streams[0].preview)'+
  130. 										'data.streams[0].channel.video_banner = data.streams[0].preview.template.replace("{width}x{height}", "0x0");'+
  131. 									'else delete data.streams[0].channel.video_banner;'+
  132. 									'data = data.streams[0].channel;'+
  133. 								'}'+
  134. 								'data.title         = data.status || "Untitled Broadcast";'+
  135. 								'if(data.video_banner) data.thumbnail_url = data.video_banner;'+
  136. 								'if(data.url)          data.author_url    = data.url;'+
  137. 								'if(data.display_name) data.author_name   = data.display_name;'+
  138. 								'if(data.game)         data.duration      = \'playing <a target=_blank href="'+provider_url+
  139. 																			'/directory/game/\'+data.game+\'">\'+data.game+\'</a>\';'+
  140. 								'if(document.getElementById("duration")) delete data.duration;';
  141. 				if(background_img)
  142. 					api = api.replace("{api}", "users")+'&login='+id;
  143. 				else
  144. 					api = api.replace("{api}", "streams")+'&channel='+id;
  145. 			} else { // video recorded
  146. 				api = api.replace("{api}", "videos/"+id);
  147. 				data_convert += 'if(data.preview) data.thumbnail_url = data.preview.template.replace("{width}x{height}", "0x0");'+
  148. 								'if(data.channel) data.author_url    = data.channel.url;'+
  149. 								'if(data.channel) data.author_name   = data.channel.display_name;'+
  150. 								'if(data.length)  data.duration      = data.length;';
  151. 			}
  152. 			break;
  153. 		case "ustream" :
  154. 			button_color  = "#f82";
  155. 			if(background_img) // channel live
  156. 				data_convert += 'delete data.thumbnail_url;';
  157. 			break;
  158. 		case "coub" :
  159. 			button_color  = "#04f";
  160. 			data_convert += 'if(data.channel_url) data.author_url = data.channel_url;';
  161. 			break;
  162. 		case "vine" :
  163. 			button_color  = "#0b8";
  164. 			break;
  165. 		case "facebook" :
  166. 			button_color  = "#ccc";
  167. 			data_convert += 'data.title = /<a.*?>(.+)<\\/a><p>/i.test(data.html) ? RegExp.$1 : "Untitled";';
  168. 			break;
  169. 		}
  170. 		if(!html) html = [
  171. 			'<!doctype html>'+
  172. 			'<html>'+
  173. 				'<head>'+
  174. 					'<title>Lazy Embedded Video</title>'+
  175. 					'<style>'+
  176. 						'html { height:100%; } '+
  177. 						'body { margin:0; height:100%; color:white; font:14px sans-serif; '+
  178. 								'background:black center/100% no-repeat; } '+
  179. 						'a { color:inherit; font-weight:bold; text-decoration:none; } '+
  180. 						'a:hover { text-decoration:underline; } '+
  181. 						'#interface { position:absolute; width:100%; height:100%; overflow:hidden; opacity:0.9; '+
  182. 						'-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } '+
  183. 						'#playButton { display:flex; height:100%; cursor:pointer; } '+
  184. 						'#playButton > div { width:70px; height:70px; margin:auto; border-radius:50%; background-color:black; } '+
  185. 						'#playButton:hover > div { background-color:', button_color, '; } '+
  186. 						'#playButton > div > div { width:0; height:0; margin:20px 0 0 25px; border:solid transparent; '+
  187. 												'border-width:14px 0px 14px 28px; border-left-color:white; } '+
  188. 						'#infobar { position:absolute; top:0px; width:100%; height:32px; display:flex; '+
  189. 						'box-sizing:border-box; background:black; border:0px solid grey; border-bottom-width:1px; } '+
  190. 							'#author, #title, #duration { overflow:hidden; white-space:nowrap; margin:auto 8px; } '+
  191. 							'#author { flex-shrink:0; max-width:30%; color:', button_color ,'; } '+
  192. 							'#space { flex-grow:1; } '+
  193. 							'#duration { flex-shrink:0; } '+
  194. 						'#settingsButton { flex-basis:32px; font:bold 20px sans-serif; text-align:center; cursor:pointer; } '+
  195. 						'#settingsButton:hover { color:', button_color, '; } '+
  196. 						'#settingsButton.active { background-color:', button_color, '; color:black; } '+
  197. 						'#settingsPanel { position:absolute; right:0px; top:31px; max-height:100%; margin:0px; list-style:none; padding:8px; '+
  198. 						'border:solid grey; border-width:0px 0px 1px 1px; background-color:', button_color ,'; color:black; cursor:default; visibility:hidden; } '+
  199. 						'#settingsPanel.active { visibility:visible; } '+
  200. 							'#settingsPanel label { display:inline-block; width:144px; vertical-align:top; } '+
  201. 							'#settingsPanel button { width:100%; }'+
  202. 					'</style>'+
  203. 				'</head>'+
  204. 				'<body>'+
  205. 					'<div id=interface>'+
  206. 						'<div id=playButton onclick="location.replace(\'', src, '\');"><div><div></div></div></div>'+
  207. 						'<div id=infobar>'+
  208. 							'<a id=author target=_blank onmouseenter="this.title = this.scrollWidth > this.clientWidth ? this.textContent : \'\';" href="', provider_url, '">', provider_name, '</a>'+
  209. 							'<a id=title target=_blank onmouseenter="this.title = this.scrollWidth > this.clientWidth ? this.textContent : \'\';" href="', url, '">', url, '</a>'+
  210. 							'<div id=space></div>'+
  211. 							'<span id=settingsButton>⚙</span>'+
  212. 						'</div>'+
  213. 						'<ul id=settingsPanel>'+
  214. 							'<li><label>Allow autoplay:</label><input class=setting type=checkbox', '', '></li>'+
  215. 							'<li><label>Legacy Flash support:</label><input class=setting type=checkbox', '', '></li>'+
  216. 							'<li><button class=setting>Whitelist this site</button>'+
  217. 							'<li><button class=setting>Clear whitelist</button>'+
  218. 						'</ul>'+
  219. 					'</div>'+
  220. 					'<script>'+
  221. 						'parent.postMessage("zeusLEV CSP ', iframes.length, '", "'+location.href+'");'+
  222. 						'var settingsButton = document.getElementById("settingsButton");'+
  223. 						'var settingsPanel  = document.getElementById("settingsPanel");'+
  224. 						'settingsButton.onclick = function() {'+
  225. 							'settingsButton.classList.toggle("active");'+
  226. 							'settingsPanel.classList.toggle("active");'+
  227. 						'};'+
  228. 						'[].slice.call(settingsPanel.getElementsByClassName("setting")).forEach(function(e, i) {'+
  229. 							'switch(i) {'+
  230. 							'case 0: e.onchange = function() { parent.postMessage("zeusLEV autoplay "+e.checked, "'+location.href+'"); }; break;'+
  231. 							'case 1: e.onchange = function() { parent.postMessage("zeusLEV flash "+e.checked   , "'+location.href+'"); }; break;'+
  232. 							'case 2: e.onclick  = function() { parent.postMessage("zeusLEV whitelist"          , "'+location.href+'"); }; break;'+
  233. 							'case 3: e.onclick  = function() { parent.postMessage("zeusLEV reset"              , "'+location.href+'"); }; break;'+
  234. 							'}'+
  235. 						'});'+
  236. 						'var loaded = false;'+
  237. 						'function removeProtocol(url) { return url.replace(/^[a-z]+:/i, ""); }'+
  238. 						'function jsonpCallback(data) {',
  239. 							data_convert,
  240. 							'loaded = true;'+
  241. 							'if(data.thumbnail_url) document.body.style.backgroundImage           = "url("+removeProtocol(data.thumbnail_url)+")";'+
  242. 							'if(data.url)           document.getElementById("title").href         = removeProtocol(data.url);'+
  243. 							'if(data.title)         document.getElementById("title").textContent  = data.title;'+
  244. 							'if(data.author_url)    document.getElementById("author").href        = removeProtocol(data.author_url);'+
  245. 							'if(data.author_name)   document.getElementById("author").textContent = data.author_name;'+
  246. 							'if(data.duration)      document.getElementById("space").insertAdjacentHTML("afterend",'+
  247. 								'"<div id=duration>"+(Number(data.duration) ? new Date(data.duration*1000).toISOString().substr(11,8) : data.duration)+"</div>");'+
  248. 						'}'+
  249. 					'</script>'+
  250. 					'<script id=api src="', api, '"></script>'+
  251. 					'<script>'+
  252. 						'if(!loaded)'+
  253. 							'document.body.style.backgroundImage = "', background_img, '";'+
  254. 					'</script>'+
  255. 				'</body>'+
  256. 			'</html>'
  257. 		];
  258. 		html[ 1] = button_color;
  259. 		html[ 3] = button_color;
  260. 		html[ 5] = button_color;
  261. 		html[ 7] = button_color;
  262. 		html[ 9] = button_color;
  263. 		html[11] = src;
  264. 		html[13] = provider_url;
  265. 		html[15] = provider_name;
  266. 		html[17] = url;
  267. 		html[19] = url;
  268. 		html[21] = settings[0] ? ' checked' : '';
  269. 		html[23] = settings[1] ? ' checked' : '';
  270. 		html[25] = iframes.length;
  271. 		html[27] = data_convert;
  272. 		html[29] = api;
  273. 		html[31] = background_img;
  274. 	};
  275. 	
  276. 	var createOembed  = function(api, url) { return api+encodeURIComponent(url); };
  277. 	// var createNOembed = function(api, url) { return createOembed("https://noembed.com/embed?url=", url); };
  278. 	var createYOembed = function(api, url) { return createOembed("//query.yahooapis.com/v1/public/yql?format=json&q=",
  279. 											 'SELECT * FROM json WHERE url="'+createOembed(location.protocol+api,url)+'"'); };
  280. 	
  281. 	var createLazyVideo = function(elem) {
  282.         var id, args, url, src = elem.src || elem.data || elem.dataset.src;
  283.         if(!src || elem.dataset.LEV_processed) return;
  284. 		elem.dataset.LEV_processed = 1;
  285. 		a.href = src;
  286.         switch(a.hostname.match(/([^.]+)\.[^.]+$/)[1]) {
  287.         case "youtube" :
  288.             if(/\/(?:p\/|embed\/videoseries)([^&]*)/i.test(a.pathname)) {
  289. 				id = RegExp.$1 || (/[?&]list=([^&]+)/i.test(a.search) && RegExp.$1);
  290. 				if(!id || (settings[0] && a.search.includes("autoplay=1"))) return;
  291. 				args = "?autoplay=1";
  292. 				if(/[?&](v=[^&]+)/i.test(a.search))     args += "&"+RegExp.$1;
  293. 				if(/[?&](index=[^&]+)/i.test(a.search)) args += "&"+RegExp.$1;
  294. 				if(/[?&](start=[^&]+)/i.test(a.search)) args += "&"+RegExp.$1;
  295. 				createHtml(url =
  296. 					/[?&]v=([^&]+)/i.test(a.search) ? "//www.youtube.com/watch"+args+"&list="+id : "//www.youtube.com/playlist?list="+id,
  297. 					"//www.youtube.com/embed/videoseries"+args+"&list="+id,
  298. 					"https://www.googleapis.com/youtube/v3/playlists?part=snippet&fields=items/snippet(channelId,title,thumbnails,channelTitle)&key=AIzaSyDLowtdhRBblJhyDhtiPaIbwRKT_PSyHWE&id="+id,
  299. 					/[?&]v=([^&]+)/i.test(a.search) ? "url(//i.ytimg.com/vi/"+RegExp.$1+"/hqdefault.jpg)" : null
  300. 				);
  301.             } else if(/\/(?:v|embed)\/([^&]*)/i.test(a.pathname)) {
  302. 				id = RegExp.$1 || (/[?&]v=([^&]+)/i.test(a.search) && RegExp.$1);
  303. 				if(!id || (settings[0] && a.search.includes("autoplay=1"))) return;
  304. 				args = "?autoplay=1";
  305. 				if(/[?&](start=[^&]+)/i.test(a.search)) args += "&"+RegExp.$1;
  306. 				createHtml(url =
  307. 					"//www.youtube.com/watch"+args+"&v="+id,
  308. 					"//www.youtube.com/embed/"+id+args,
  309. 					// createNOembed("//www.youtube.com/oembed?format=json&url=", location.protocol+url),
  310. 					"https://www.googleapis.com/youtube/v3/videos?part=snippet,contentDetails&fields=items(snippet(channelId,title,thumbnails,channelTitle),contentDetails/duration)&key=AIzaSyDLowtdhRBblJhyDhtiPaIbwRKT_PSyHWE&id="+id,
  311. 					"url(//i.ytimg.com/vi/"+id+"/hqdefault.jpg)"
  312. 				);
  313. 			}
  314.             break;
  315.         case "dailymotion" :
  316.             if(/\/(?:swf|embed)\/(?:video\/)?([^&_]+)/i.test(a.pathname)) id = RegExp.$1;
  317.             if(!id || (settings[0] && a.search.includes("autoplay=1"))) return;
  318.             args = "?autoplay=1";
  319.             // if(/[?&](mute=[^&]+)/i.test(a.search))  args += "&"+RegExp.$1;
  320.             if(/[?&](start=[^&]+)/i.test(a.search)) args += "&"+RegExp.$1;
  321. 			createHtml(url =
  322. 				"//www.dailymotion.com/video/"+id+args,
  323. 				"//www.dailymotion.com/embed/video/"+id+args,
  324. 				// createOembed("//www.dailymotion.com/services/oembed?format=json&url=", location.protocol+url),
  325. 				"https://api.dailymotion.com/video/"+id+"?fields=owner.screenname,owner.url,title,url,duration,thumbnail_url",
  326. 				"url(//www.dailymotion.com/thumbnail/video/"+id+")"
  327. 			);
  328.             break;
  329.         case "vimeo" :
  330.             if(/\/(?:moogaloop\.swf|video\/)([^&]*)/i.test(a.pathname))
  331. 				id = RegExp.$1 || (/[?&]clip_id=([^&]+)/i.test(a.search) && RegExp.$1);
  332.             if(!id || (settings[0] && a.search.includes("autoplay=1"))) return;
  333.             args = "?autoplay=1";
  334.             if(/[?&](loop=[^&]+)/i.test(a.search)) args += "&"+RegExp.$1;
  335.             if(/(\#t=[\dhms]+)/i.test(a.hash))     args += RegExp.$1;
  336. 			createHtml(url =
  337. 				"//vimeo.com/"+id+args,
  338. 				"//player.vimeo.com/video/"+id+args,
  339. 				createOembed("//vimeo.com/api/oembed.json?url=", url)
  340. 			);
  341.             break;
  342.         case "rutube" :
  343.             if(/\/play\/embed\/([^&.\/]+)/i.test(a.pathname)) id = RegExp.$1;
  344.             if(!id || (settings[0] && a.search.includes("autoStart=1"))) return;
  345.             args = "?autoStart=1";
  346.             if(/[?&](bmstart=[^&]+)/i.test(a.search)) args += "&"+RegExp.$1;
  347. 			createHtml(url =
  348. 				"//rutube.ru/"+(isNaN(id) ? "video/"+id+"/" : "tracks/"+id+".html/")+args,
  349. 				"//rutube.ru/play/embed/"+id+args,
  350. 				createOembed("//rutube.ru/api/oembed/?format=jsonp&url=", url)
  351. 			);
  352.             break;
  353.         case "twitch" :
  354.             if(/[?&](channel|video)=([^&]+)/i.test(a.search))            {args = RegExp.$1; id = RegExp.$2;}
  355.             else if(/[?&](stream=.+&channelId)=([^&]+)/i.test(a.search)) {args = RegExp.$1; id = RegExp.$2;}
  356. 			else if(/\/(.+)\/embed/i.test(a.pathname))                   {args = "channel"; id = RegExp.$1;}
  357.             if(!id || (settings[0] && a.search.includes("autoplay=true"))) return;
  358. 			createHtml(url =
  359. 				"//www.twitch.tv/"+(args=="video" ? id.replace("v","c/v/") : args=="channel" ? id :
  360. 									args.replace("stream=", "streams/").replace("&channelId", "/channel/")+id),
  361. 				"//player.twitch.tv/?autoplay=true&"+args+"="+id,
  362. 				"https://api.twitch.tv/kraken/{api}?client_id=0&api_version=5",
  363. 				args=="channel" ? "url(//static-cdn.jtvnw.net/previews-ttv/live_user_"+id+"-0x0.jpg)" : null
  364. 			);
  365.             break;
  366.         case "ustream" :
  367.             if(/(?:\/embed)?\/(channel\/|recorded\/)?([^&]+)/i.test(a.pathname)) {args = RegExp.$1 || "channel/"; id = RegExp.$2;}
  368.             if(!id || (settings[0] && a.search.includes("autoplay=1"))) return;
  369. 			createHtml(url =
  370. 				"//www.ustream.tv/"+args+id,
  371. 				"//www.ustream.tv/embed/"+(args=="channel/" ? "" : args)+id+"?html5ui=1&autoplay=1",
  372. 				createYOembed("//www.ustream.tv/oembed?format=json&url=", url),
  373. 				args=="channel/" && !isNaN(id) ? "url(//static-cdn1.ustream.tv/i/channel/live/1_"+id+",640x360,b:0.jpg)" : null
  374. 			);
  375.             break;
  376.         case "coub" :
  377.             if(/\/embed\/([^&]+)/i.test(a.pathname)) id = RegExp.$1;
  378.             if(!id || (settings[0] && a.search.includes("autostart=true"))) return;
  379. 			createHtml(url =
  380. 				"//coub.com/view/"+id,
  381. 				"//coub.com/embed/"+id+"?startWithHD=true&autostart=true",
  382. 				createYOembed("//coub.com/api/oembed.json?url=", url)
  383. 			);
  384.             break;
  385.         case "vine" :
  386.             if(/\/v\/([^&]+)\/embed\/([^&]+)/i.test(a.pathname)) {args = RegExp.$2; id = RegExp.$1;}
  387.             if(!id) return;
  388. 			createHtml(url =
  389. 				"//vine.co/v/"+id,
  390. 				"//vine.co/v/"+id+"/embed/"+args+"?audio=1",
  391. 				createOembed("//vine.co/oembed.json?url=", url)
  392. 			);
  393.             break;
  394.         case "facebook" :
  395.             if(a.pathname.endsWith("/plugins/video.php") && /[?&]href=([^&]+)/i.test(a.search)) {
  396. 				url = decodeURIComponent(RegExp.$1).replace(/^[a-z]+:/i, '');
  397. 				if(/\/videos.*?\/(\d+)/i.test(url)) id = RegExp.$1;
  398. 			}
  399.             if(!id || (settings[0] && a.search.includes("autoplay=1"))) return;
  400. 			createHtml(
  401. 				url,
  402. 				"//www.facebook.com/plugins/video.php?autoplay=1&href="+encodeURIComponent(location.protocol+url),
  403. 				createOembed("//www.facebook.com/plugins/video/oembed.json/?url=", location.protocol+url),
  404. 				"url(//graph.facebook.com/"+id+"/picture)"
  405. 			);
  406.             break;
  407.         default :
  408.             return;
  409.         }
  410. 		if(elem.tagName != "IFRAME") {
  411. 			if(elem.parentNode.tagName == "OBJECT")
  412. 				elem = elem.parentNode;
  413. 			var iframe = document.createElement("IFRAME");
  414. 			iframe.src             = src;
  415. 			iframe.id              = elem.id;
  416. 			iframe.name            = elem.name;
  417. 			iframe.className       = elem.className;
  418. 			iframe.style.cssText   = elem.style.cssText;
  419. 			iframe.width           = elem.width;
  420. 			iframe.height          = elem.height;
  421. 			iframe.frameBorder     = elem.border;
  422. 			iframe.align           = elem.align;
  423. 			elem.parentNode.replaceChild(iframe, elem);
  424. 			elem = iframe;
  425. 		}
  426. 		elem.dataset.LEV_processed = 2;
  427. 		elem.allowFullscreen       = true;
  428. 		elem.srcdoc                = html.join("");
  429. 		iframes.push(elem);
  430. 		setTimeout(function() {
  431. 			if(!elem.dataset.LEV_CSP)
  432. 				elem.removeAttribute("srcdoc");
  433. 		}, 1000);
  434. 	};
  435. 	
  436. 	var refresh = true, observer, animation;
  437. 	var update = function() {
  438. 		if(!document.body) {
  439. 		} else if(!observer) {
  440. 			observer = new MutationObserver(function() { refresh = true; });
  441. 			observer.observe(document.body, {childList: true, attributes: false, characterData: false, subtree: true});
  442. 		} else if(refresh) {
  443. 			for(var i = 0, j, nodes; i < 3; i++) {
  444. 				nodes = document.getElementsByTagName(["IFRAME", "EMBED", "OBJECT"][i]);
  445. 				for(j = 0; j < nodes.length; j++)
  446. 					createLazyVideo(nodes[j]);
  447. 				if(!settings[1]) break;
  448. 			}
  449. 			refresh = false;
  450. 		}
  451.         animation = requestAnimationFrame(update);
  452. 	};
  453. 	update();
  454. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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