☰

Youtube polymer engine fixes

Some fixes for Youtube polymer engine

目前为 2022-11-12 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Youtube polymer engine fixes
  3. // @description  Some fixes for Youtube polymer engine
  4. // @namespace    bo.gd.an[at]rambler.ru
  5. // @version      2.19.1
  6. // @match        https://www.youtube.com/*
  7. // @compatible   firefox 56
  8. // @author       Bogudan
  9. // @grant        GM_info
  10. // @grant        GM.info
  11. // @grant        GM_getValue
  12. // @grant        GM.getValue
  13. // @grant        GM_setValue
  14. // @grant        GM.setValue
  15. // @noframes
  16. // @run-at       document-start
  17. // @license      For personal use only
  18. // ==/UserScript==
  19.  
  20. (async function () {
  21.     'use strict';
  22. 	if (window.top !== window.self)
  23. 		return;
  24. 	if (document.location.pathname == '/error')	// нам нечего делать на страницах с ошибками
  25. 		return;
  26.     function setDefault (obj, key, value) {
  27.         if (!(key in obj))
  28.             obj [key] = value;
  29.         }
  30. 	// test local storage availability and load settings from there first
  31. 	let settings, ls;
  32. 	try {
  33. 		function lsTest (st, v) {
  34. 			st.setItem ('__fix_test__', v);
  35. 			return st.getItem ('__fix_test__') == v;
  36. 			};
  37. 		const _s = window.localStorage;
  38. 		if (lsTest (_s, 'qwe') && lsTest (_s, 'rty')) { // do 2 times just in case LS stored value once, but does not let change it later
  39. 			ls = _s;
  40. 			ls.removeItem ('__fix_test__');
  41. 			settings = JSON.parse (ls.getItem ('__fix__settings__'));
  42. 			}
  43. 		}
  44. 	catch (e) { }
  45. 	// select storage: GM_*/GM.* or local storage (in case userscript manager does not grant us GMs)
  46. 	let storage = {};
  47. 	if (typeof (GM_getValue) !== 'undefined' && typeof (GM_setValue) !== 'undefined' && GM_getValue && GM_setValue) {
  48. 		storage.load = GM_getValue;
  49. 		storage.save = GM_setValue;
  50. 		if (!settings)
  51. 			settings = await storage.load ('settings', {});
  52. 		else {
  53. 			storage.save ('settings', settings);
  54. 			ls.removeItem ('__fix__settings__');
  55. 			}
  56. 		settings.storage = 'GM_*Value';
  57. 		}
  58. 	else if (typeof (GM) !== 'undefined' && GM && GM.getValue && GM.setValue) {
  59. 		storage.load = GM.getValue;
  60. 		storage.save = GM.setValue;
  61. 		if (!settings)
  62. 			settings = await storage.load ('settings', {});
  63. 		else {
  64. 			storage.save ('settings', settings);
  65. 			ls.removeItem ('__fix__settings__');
  66. 			}
  67. 		settings.storage = 'GM.*Value';
  68. 		}
  69. 	else if (ls) {
  70. 		storage.load = function (id, def) {
  71. 			const vv = ls.getItem (`__fix__{id}__`);
  72. 			return vv === null ? def : JSON.parse (vv);
  73. 			};
  74. 		storage.save = function (id, value) { ls.setItem (`__fix__{id}__`, JSON.stringify (value)); };
  75. 		if (!settings)
  76. 			settings = {};
  77. 		settings.storage = 'window.localStorage.*Item';
  78. 		}
  79. 	else
  80. 		settings = {};
  81. 	// delete old settings
  82. 	if ("default_player_640" in settings) {	// удалено в 0.5
  83. 		settings.default_player = settings.default_player_640 ? 3 : 0;
  84. 		delete settings.default_player_640;
  85. 		}
  86. 	if ("reduce_thumbnail" in settings) {	// удалено в 0.6.0
  87. 		settings.thumbnail_size = settings.reduce_thumbnail ? 2 : 0;
  88. 		delete settings.reduce_thumbnail;
  89. 		}
  90. 	if ("reduce_font" in settings) {	// удалено в 2.5.8: размеры текста уменьшились на стороне YT
  91. 		settings.fix_removed_placeholder = settings.reduce_font;
  92. 		delete settings.reduce_font;
  93. 		}
  94. 	if ("wide_description" in settings) {	// удалено в 2.9.1
  95. 		settings.description_width = settings.wide_description ? 1 : 0;
  96. 		delete settings.wide_description;
  97. 		}
  98. 	if ("restore_dislikes" in settings)	// удалено в 2.14.3 -- данные больше не предоставляются
  99. 		delete settings.restore_dislikes;
  100. 	if ("exact_view_count" in settings) { // удалено в 2.16.0
  101. 		settings.view_count_mod = settings.exact_view_count ? 2 : 1;
  102. 		delete settings.exact_view_count;
  103. 		}
  104. 	// set default values
  105. 	const gminfo = typeof (GM_info) !== 'undefined' && GM_info || typeof (GM) !== 'undefined' && GM && GM.info;
  106. 	const fix_version = gminfo && gminfo.script && gminfo.script.version;
  107. 	let load_version = settings.version;
  108. 	if (fix_version) {
  109. 		settings.version = fix_version;
  110. 		setDefault (settings, "inst_ver", fix_version);
  111. 		}
  112. 	setDefault (settings, "align_player", 0);
  113. 	setDefault (settings, "default_player", 0);
  114. 	setDefault (settings, "hide_guide", true);
  115. 	setDefault (settings, "hide_yt_suggested_blocks", true);
  116. 	setDefault (settings, "logo_target", "");
  117. 	setDefault (settings, "fix_removed_placeholder", true);
  118. 	setDefault (settings, "theater_player", 0);
  119. 	setDefault (settings, "thumbnail_size", 2);
  120. 	setDefault (settings, "thumbnail_size_m", 720);
  121. 	setDefault (settings, "unfix_header", true);
  122. 	setDefault (settings, "search_thumbnail", 0);
  123. 	setDefault (settings, "clear_search", false);
  124. 	setDefault (settings, "channel_top", 0);
  125. 	setDefault (settings, "try_load_more", false);
  126. 	setDefault (settings, "unbound_video_title", false);
  127. 	setDefault (settings, "video_quality", 0);
  128. 	setDefault (settings, "no_resume_time", false);
  129. 	setDefault (settings, "remove_yt_redirect", false);
  130. 	setDefault (settings, "resume_bar_handling", settings.no_resume_time ? 1 : 0);
  131. 	setDefault (settings, "watched_grayscale", 0);
  132. 	setDefault (settings, "watched_blur", 0);
  133. 	setDefault (settings, "disable_player_click_overlay", false);
  134. 	setDefault (settings, "description_width", 0);
  135. 	setDefault (settings, "simpler_fullscreen", false);
  136. 	setDefault (settings, 'clear_link_pp', false);
  137. 	setDefault (settings, 'exact_likes', false);
  138. 	setDefault (settings, 'disable_video_preview', false);
  139. 	setDefault (settings, 'hide_engagement_panel_transcript', false);
  140. 	setDefault (settings, 'hide_engagement_panel_structured_description', false);
  141. 	setDefault (settings, 'short_to_full', false);
  142. 	setDefault (settings, 'update_alert', 0);
  143. 	setDefault (settings, 'view_count_mod', 1);
  144. 	setDefault (settings, 'hide_metadata', false);
  145. 	setDefault (settings, 'remove_rounded_corners_1', false);
  146. 	setDefault (settings, 'thumbnail_size_channel', settings.thumbnail_size);
  147. 	setDefault (settings, 'thumbnail_size_channel_m', settings.thumbnail_size_m);
  148. 	console.log ('fix settings:', settings);
  149. 	// catch "settings" page
  150. 	if (document.location.pathname == '/fix-settings') {
  151. 		window.addEventListener ('DOMContentLoaded', () => { document.title = "YouTube Polymer Fixes: Settings"; });
  152. 		const back = document.createElement ('div');
  153. 		back.className = 'ytfixback';
  154. 		const plane = document.createElement ('div');
  155. 		plane.className = 'ytfix';
  156. 		const style = document.createElement ('style');
  157. 		style.type = 'text/css';
  158. 		style.innerHTML = `
  159. 			.ytfix{position:absolute;left:0;top:0;right:0;background:#eee;padding:3em}
  160. 			.ytfix_line{margin:1em}
  161. 			.ytfix_line span,.ytfix_line input,.ytfix_line select{margin-right:1em}
  162. 			.ytfix_field{padding:0.2em;border:1px solid #888}
  163. 			.ytfix_button{padding:0.4em;border:1px solid #888}
  164. 			.ytfix_line fieldset {border:1px solid #ccc;padding:0 0.5em}
  165. 			.ytfix_line legend {padding:0 0.5em}
  166. 			.ytfix_line img {margin:0 1em}
  167. 			.ytfix_hide{display:none}
  168. 			.ytfixback{position:absolute;left:0;top:0;right:0;height:100%;background:#eee}
  169. 			.ytfix_slide_base {position:relative;margin-right:1em;display:inline-block;height:1em}
  170. 			.ytfix_slide_bar {position:absolute;left:0;right:0;top:0.3em;bottom:0.3em;background:#ddd;border:1px solid #ccc}
  171. 			.ytfix_slide_stroke {position:absolute;width:1px;top:0.1em;bottom:0.1em;background:#ccc}
  172. 			.ytfix_slide_arrow {position:absolute;width:9px;bottom:0;top:0;background:#ddd;border:1px solid #aaa;border-radius:0.5em}
  173. 			.ytfix_tabs {position:relative}
  174. 			.ytfix_tabs > div {display:none;border:1px solid #ccc}
  175. 			.ytfix_tabs > input {display:none}
  176. 			.ytfix_tabs > label {display:inline-block;background:#ddd;border:1px solid #ccc;padding:0.5em 1em;position:relative;top:1px}
  177. 			.ytfix_tabs > label ~ label {border-left:none}
  178. 			.ytfix_tabs > input:checked + label {background-color:#eee;border-bottom:1px solid #eee}
  179. 			`;
  180. 		plane.appendChild (style);
  181. 		function AddLine (plane) {
  182. 			const q = document.createElement ('div');
  183. 			q.className = 'ytfix_line';
  184. 			for (let i = 1, L = arguments.length; i < L; ++i)
  185. 				q.appendChild (arguments [i]);
  186. 			plane.appendChild (q);
  187. 			return q;
  188. 			}
  189. 		let e1, e2;
  190. 		e1 = document.createElement ('b');
  191. 		e1.appendChild (document.createTextNode ('YouTube Polymer Fixes: Settings'));
  192. 		AddLine (plane, e1);
  193. 		if (fix_version) {
  194. 			e1 = document.createElement ('b');
  195. 			e1.appendChild (document.createTextNode (`Version: ${fix_version}`));
  196. 			AddLine (plane, e1);
  197. 			}
  198. 		if (!storage.save) {
  199. 			e1 = document.createElement ('span');
  200. 			e1.style = 'color:red';
  201. 			e1.appendChild (document.createTextNode ('Cannot edit settings: no access to any storage.'));
  202. 			AddLine (plane, e1);
  203. 			e1 = document.createElement ('span');
  204. 			e1.appendChild (document.createTextNode ('If you are using Firefox, allow cookies for this site.'));
  205. 			AddLine (plane, e1);
  206. 			}
  207. 		else {
  208. 			const ess = {};
  209. 			function MakeDesc (desc, extra) {
  210. 				const e = document.createElement ('span');
  211. 				e.appendChild (document.createTextNode (desc));
  212. 				if (extra) {
  213. 					if (extra.style)
  214. 						e.style = style;
  215. 					if (extra.note) {
  216. 						const n = document.createElement ('sup');
  217. 						n.appendChild (document.createTextNode (extra.note));
  218. 						e.appendChild (n);
  219. 						}
  220. 					}
  221. 				return e;
  222. 				}
  223. 			function MakeNote (num, desc, extra) {
  224. 				const e = document.createElement ('span');
  225. 				if (num) {
  226. 					const n = document.createElement ('sup');
  227. 					n.appendChild (document.createTextNode (num));
  228. 					e.appendChild (n);
  229. 					}
  230. 				e.appendChild (document.createTextNode (desc));
  231. 				if (extra && extra.style)
  232. 					e.style = 'font-size:0.75em;' + extra.style;
  233. 				else
  234. 					e.style = 'font-size:0.75em';
  235. 				return e;
  236. 				}
  237. 			function MakeBoolElement (nm) {
  238. 				const e = document.createElement ('input');
  239. 				e.type = 'checkbox';
  240. 				e.checked = settings [nm];
  241. 				ess [nm] = e;
  242. 				return e;
  243. 				}
  244. 			function MakeListElement (nm, opts) {
  245. 				const e = document.createElement ('select');
  246. 				e.className = 'ytfix_field';
  247. 				ess [nm] = e;
  248. 				for (let i = 0, L = opts.length; i < L; ++i) {
  249. 					const o = document.createElement ('option');
  250. 					o.appendChild (document.createTextNode (opts [i]));
  251. 					e.appendChild (o);
  252. 					}
  253. 				e.selectedIndex = settings [nm];
  254. 				return e;
  255. 				}
  256. 			function MakeTextElement (nm) {
  257. 				const e = document.createElement ('input');
  258. 				e.className = 'ytfix_field';
  259. 				e.value = settings [nm];
  260. 				ess [nm] = e;
  261. 				return e;
  262. 				}
  263. 			function MakeSlider (nm, width, snap, steps) {
  264. 				let desc = { value : -1, mouse : false };
  265. 				const e = document.createElement ('div');
  266. 				e.className = 'ytfix_slide_base';
  267. 				e.style.width = `${width*snap*steps+1}px`;
  268. 				const b = document.createElement ('div');
  269. 				b.className = 'ytfix_slide_bar';
  270. 				e.appendChild (b);
  271. 				for (let x = width * snap * steps; x >= 0; x -= width * snap) {
  272. 					const s = document.createElement ('div');
  273. 					s.className = 'ytfix_slide_stroke';
  274. 					s.style.left = `${x}px`;
  275. 					e.appendChild (s);
  276. 					}
  277. 				const a = document.createElement ('div');
  278. 				a.className = 'ytfix_slide_arrow';
  279. 				e.appendChild (a);
  280. 				const i = document.createElement ('input');
  281. 				i.className = 'ytfix_field';
  282. 				i.type = 'number';
  283. 				i.style.width = `${(snap*steps).toString().length+2}em`;
  284. 				i.min = 0;
  285. 				i.max = snap * steps;
  286. 				i.step = 1;
  287. 				function UpdateValue (newvalue) {
  288. 					if (newvalue < 0)
  289. 						newvalue = 0;
  290. 					else if (newvalue > snap * steps)
  291. 						newvalue = snap * steps;
  292. 					if (newvalue == desc.value)
  293. 						return;
  294. 					desc.value = newvalue;
  295. 					a.style.left = `${desc.value*width-5}px`;
  296. 					i.value = desc.value;
  297. 					if (desc.callback)
  298. 						desc.callback (desc);
  299. 					}
  300. 				UpdateValue (settings [nm]);
  301. 				e.addEventListener ('mousedown', function (ev) {
  302. 					if (ev.buttons != 1)
  303. 						return;
  304. 					desc.mouse = ev.target === a;
  305. 					if (desc.mouse)
  306. 						return;
  307. 					let sliderRect = a.getBoundingClientRect ();
  308. 					if (ev.clientX <= sliderRect.left)
  309. 						UpdateValue (desc.value - snap);
  310. 					else if (ev.clientX > sliderRect.right)
  311. 						UpdateValue (desc.value + snap);
  312. 					});
  313. 				e.addEventListener ('mousemove', function (ev) {
  314. 					if (ev.buttons != 1 || !desc.mouse)
  315. 						return;
  316. 					let mx = ev.clientX - e.getBoundingClientRect ().left;
  317. 					mx += (width * snap) >> 1;
  318. 					mx -= mx % (width * snap);
  319. 					UpdateValue (mx / width);
  320. 					});
  321. 				i.addEventListener ('input', function () {
  322. 					if (/^\d+$/.test (i.value))
  323. 						UpdateValue (parseInt (i.value));
  324. 					});
  325. 				desc.base = e;
  326. 				desc.input = i;
  327. 				ess [nm] = desc;
  328. 				return desc;
  329. 				}
  330. 			function MakeButton (text, click) {
  331. 				const e = document.createElement ('input');
  332. 				e.type = 'button';
  333. 				e.className = 'ytfix_button';
  334. 				e.value = text;
  335. 				e.addEventListener ('click', click);
  336. 				return e;
  337. 				}
  338. 			const tabs_data = [];
  339. 			function MakeTab (name, text, checked) {
  340. 				const inp = document.createElement ('input');
  341. 				inp.type = 'radio';
  342. 				inp.id = name;
  343. 				inp.name = 'tabs';
  344. 				if (checked)
  345. 					inp.setAttribute ('checked', '');
  346. 				const lbl = document.createElement ('label');
  347. 				lbl.setAttribute ('for', name);
  348. 				lbl.appendChild (document.createTextNode (text));
  349. 				const cont = document.createElement ('div');
  350. 				cont.id = name + '_cont';
  351. 				style.innerHTML += `.ytfix_tabs > input#${name}:checked ~ div#${name}_cont {display:block}`;
  352. 				tabs_data.push ({ inp: inp, lbl: lbl, cont: cont });
  353. 				return cont;
  354. 				}
  355. 			const tab_gen = MakeTab ('tab_gen', 'General', true);
  356. 			const tab_front = MakeTab ('tab_front', 'Front page', false);
  357. 			const tab_search = MakeTab ('tab_search', 'Search', false);
  358. 			const tab_video = MakeTab ('tab_video', 'Video', false);
  359. 			const tab_channel = MakeTab ('tab_channel', 'Channel', false);
  360. 			const tab_script = MakeTab ('tab_script', 'Script', false);
  361. 			const tabs_data_2 = [plane];
  362. 			tabs_data.forEach ((x) => tabs_data_2.push (x.inp, x.lbl));
  363. 			const tabbf = document.createElement ('div');
  364. 			tabbf.style = 'display:block;width:1px;height:2px;border-width:0 0 0 1px;position:absolute';
  365. 			tabs_data_2.push (tabbf);
  366. 			tabs_data.forEach ((x) => tabs_data_2.push (x.cont));
  367. 			const tabs = AddLine.apply (this, tabs_data_2);
  368. 			tabs.className += ' ytfix_tabs';
  369.  
  370. 			AddLine (tab_gen, MakeBoolElement ("hide_guide"), MakeDesc ('Hide "Guide" menu when page opens'));
  371. 			AddLine (tab_video, MakeBoolElement ("fix_removed_placeholder"), MakeDesc ('Make size of "Video removed" placeholder about the same as removed video description'));
  372. 			const tsm = MakeTextElement ("thumbnail_size_m");
  373. 			tsm.className = settings.thumbnail_size == 5 ? 'ytfix_field' : 'ytfix_hide';
  374. 			const tsi = MakeListElement ("thumbnail_size", ['default', '180px', '240px', '360px', '480px', 'manual']);
  375. 			tsi.addEventListener ('change', function () {
  376. 				ess.thumbnail_size_m.className = ess.thumbnail_size.selectedIndex == 5 ? 'ytfix_field' : 'ytfix_hide';
  377. 				});
  378. 			AddLine (tab_front, MakeDesc ('Set thumbnails width'), tsi, tsm);
  379. 			AddLine (tab_search, MakeDesc ('Set thumbnails width'), MakeListElement ("search_thumbnail", ['default', '240px', '360px']));
  380. 			AddLine (tab_video, MakeDesc ("Set player height in default mode"), MakeListElement ("default_player", ['default', '144px', '240px', '360px', '480px', '720px']));
  381. 			AddLine (tab_video, MakeDesc ("Set player height in theater mode"), MakeListElement ("theater_player", ['default', '144px', '240px', '360px', '480px', '720px']));
  382. 			AddLine (tab_front, MakeBoolElement ("hide_yt_suggested_blocks"), MakeDesc ('Hide suggestions blocks (recommended playlists, latest posts, etc.)'));
  383. 			AddLine (tab_search, MakeBoolElement ("clear_search"), MakeDesc ("Hide suggestions blocks (for you, people also watched, etc.)"));
  384. 			AddLine (tab_gen, MakeBoolElement ("unfix_header"), MakeDesc ("Unstick header bar from top of the screen"));
  385. 			AddLine (tab_video, MakeDesc ("Align resized player into it's container (normal and theater modes)"), MakeListElement ("align_player", ['center', 'left', 'right']));
  386. 			AddLine (tab_channel, MakeDesc ("Channel banner behaviour"), MakeListElement ('channel_top', ['default', 'hide banner with scrolling', 'hide banner entirely']));
  387. 			AddLine (tab_gen, MakeBoolElement ('try_load_more'), MakeDesc ('Add button to try loading more content on pages with dynamic content load'));
  388. 			AddLine (tab_gen, MakeBoolElement ('unbound_video_title'), MakeDesc ('Remove size limit for video titles'));
  389. 			AddLine (tab_gen, MakeDesc ("Change YT logo target to https://www.youtube.com/..."), MakeTextElement ("logo_target"));
  390. 			AddLine (tab_gen, MakeBoolElement ("remove_yt_redirect"), MakeDesc ('Remove YT tracking from links (/redirect?...)'));
  391. 			AddLine (tab_gen, MakeBoolElement ("no_resume_time"), MakeDesc ('Remove resume time from the video links (&t=...)'));
  392. 			AddLine (tab_gen, MakeDesc ('Video resume bar (red)'), MakeListElement ("resume_bar_handling", ['depending on resume time (default)', 'full width of thumbnail', 'hide']));
  393. 			const wwfs = document.createElement ('fieldset');
  394. 			const wwl = wwfs.appendChild (document.createElement ('legend'));
  395. 			wwl.appendChild (document.createTextNode ('Watched video thumbnails modification'));
  396. 			const wwt = wwfs.appendChild (document.createElement ('table')).appendChild (document.createElement ('tr'));
  397. 			const wwc1 = wwt.appendChild (document.createElement ('td'));
  398. 			const wwgs = MakeSlider ('watched_grayscale', 2, 10, 10);
  399. 			AddLine (wwc1, MakeDesc ('Grayscale, %'), wwgs.base, wwgs.input);
  400. 			const wwb = MakeSlider ('watched_blur', 50, 1, 4);
  401. 			AddLine (wwc1, MakeDesc ('Blur, px'), wwb.base, wwb.input);
  402. 			AddLine (wwc1, MakeNote (0, 'Options require user to be logged into YT account'));
  403. 			AddLine (wwc1, MakeNote (0, 'Sample image taken from https://unsplash.com/photos/n6TWNDfyPwk'));
  404. 			const wwc2 = wwt.appendChild (document.createElement ('td'));
  405. 			wwc2.style.textAlign = 'center';
  406. 			wwc2.appendChild (document.createTextNode ('Example'));
  407. 			wwc2.appendChild (document.createElement ('br'));
  408. 			wwc2.appendChild (document.createElement ('img')).src = 'https://picsum.photos/id/197/267/178';
  409. 			const wwc3 = wwt.appendChild (document.createElement ('td'));
  410. 			wwc3.style.textAlign = 'center';
  411. 			wwc3.appendChild (document.createTextNode ('Modified example'));
  412. 			wwc3.appendChild (document.createElement ('br'));
  413. 			const wwc3i = wwc3.appendChild (document.createElement ('img'));
  414. 			wwc3i.src = 'https://picsum.photos/id/197/267/178';
  415. 			function UpdateFilters () {
  416. 				wwc3i.style.filter = `grayscale(${wwgs.value}%)blur(${wwb.value}px)`;
  417. 				}
  418. 			UpdateFilters ();
  419. 			wwgs.callback = UpdateFilters;
  420. 			wwb.callback = UpdateFilters;
  421. 			AddLine (tab_gen, wwfs);
  422. 			AddLine (tab_video, MakeDesc ('Starting video quality'), MakeListElement ('video_quality', ['Auto (default)', '2160p (4K)', '1440p (HD)', '1080p (HD)', '720p', '480p', '360p', '240p', '144p']),
  423. 				MakeNote (0, 'Settings other than "default" may break quality autoswitching if you use "Enhancer for YouTube" extention.', { style: 'margin-top:0.4em;display:block' })
  424. 				);
  425. 			AddLine (tab_gen, MakeDesc ('View count display modifier'), MakeListElement ('view_count_mod', ['Short everywhere', 'Exact on video page, short otherwise (default)', 'Exact everywhere']));
  426. 			AddLine (tab_video, MakeBoolElement ("disable_player_click_overlay"), MakeDesc ('Remove rewinding overlay'));
  427. 			AddLine (tab_video, MakeDesc ("Video description width (including suggested videos column)"), MakeListElement ("description_width", ['default', 'stretch', '1200px', '1280px', '1360px', '1440px', '1520px', '1600px', '1680px', '1760px', '1840px', '1920px']));
  428. 			AddLine (tab_video, MakeBoolElement ("simpler_fullscreen"), MakeDesc ("Simplify fullscreen (no video description, comments, etc.)"));
  429. 			AddLine (tab_gen, MakeBoolElement ("clear_link_pp"), MakeDesc ('Remove &pp= from links'));
  430. 			AddLine (tab_video, MakeBoolElement ('exact_likes'), MakeDesc ('Show exact likes count'));
  431. 			AddLine (tab_gen, MakeBoolElement ('disable_video_preview'), MakeDesc ('Disable video on-hover previews'));
  432. 			AddLine (tab_video, MakeBoolElement ('hide_engagement_panel_transcript'), MakeDesc ("Disable 'Transcript' side panel"));
  433. 			AddLine (tab_video, MakeBoolElement ('hide_engagement_panel_structured_description'), MakeDesc ("Disable 'Desciption' side panel"));
  434. 			AddLine (tab_video, MakeBoolElement ('short_to_full'), MakeDesc ('Convert "shorts" video format to normal format'));
  435. 			AddLine (tab_video, MakeBoolElement ('hide_metadata'), MakeDesc ('Hide YT "metadata" (links to games, movies, etc.)'));
  436. 			AddLine (tab_script, MakeDesc ('Alert about script version changes'), MakeListElement ("update_alert", ['never', 'only major', 'except bugfixes', 'all']));
  437. 			AddLine (tab_script, MakeNote (0, "Version usually consist of 3 numbers (major version, minor version and release) and it's changes usually follow these rules:"));
  438. 			AddLine (tab_script, MakeNote (0, '* major version change indicates some incompatabilities with pervious versions;'));
  439. 			AddLine (tab_script, MakeNote (0, '* minor version change indicates some new functionality;'));
  440. 			AddLine (tab_script, MakeNote (0, '* release change indicate bugfixes or other internal improvements.'));
  441. 			AddLine (tab_gen, MakeBoolElement ('remove_rounded_corners_1'), MakeDesc ('Remove rounded corners on thumbnails and in video description'));
  442. 			const tscm = MakeTextElement ("thumbnail_size_channel_m");
  443. 			tscm.className = settings.thumbnail_size_channel == 5 ? 'ytfix_field' : 'ytfix_hide';
  444. 			const tsci = MakeListElement ("thumbnail_size_channel", ['default', '180px', '240px', '360px', '480px', 'manual']);
  445. 			tsci.addEventListener ('change', function () {
  446. 				ess.thumbnail_size_channel_m.className = ess.thumbnail_size_channel.selectedIndex == 5 ? 'ytfix_field' : 'ytfix_hide';
  447. 				});
  448. 			AddLine (tab_channel, MakeDesc ('Set thumbnails width'), tsci, tscm);
  449. 			e1 = MakeButton ('Save settings and return to YouTube', function () {
  450. 				settings.hide_guide = ess.hide_guide.checked;
  451. 				settings.fix_removed_placeholder = ess.fix_removed_placeholder.checked;
  452. 				settings.thumbnail_size = ess.thumbnail_size.selectedIndex;
  453. 				if (settings.thumbnail_size == 5) {
  454. 					const v = ess.thumbnail_size_m.value;
  455. 					if (!/^\d+$/.test (v)) {
  456. 						alert ('Error: invalid value for thumbnails size');
  457. 						return;
  458. 						}
  459. 					settings.thumbnail_size_m = parseInt (v);
  460. 					}
  461. 				settings.search_thumbnail = ess.search_thumbnail.selectedIndex;
  462. 				settings.default_player = ess.default_player.selectedIndex;
  463. 				settings.theater_player = ess.theater_player.selectedIndex;
  464. 				settings.hide_yt_suggested_blocks = ess.hide_yt_suggested_blocks.checked;
  465. 				settings.unfix_header = ess.unfix_header.checked;
  466. 				settings.align_player = ess.align_player.selectedIndex;
  467. 				settings.channel_top = ess.channel_top.selectedIndex;
  468. 				settings.logo_target = ess.logo_target.value;
  469. 				settings.clear_search = ess.clear_search.checked;
  470. 				settings.try_load_more = ess.try_load_more.checked;
  471. 				settings.unbound_video_title = ess.unbound_video_title.checked;
  472. 				settings.video_quality = ess.video_quality.selectedIndex;
  473. 				settings.no_resume_time = ess.no_resume_time.checked;
  474. 				settings.remove_yt_redirect = ess.remove_yt_redirect.checked;
  475. 				settings.view_count_mod = ess.view_count_mod.selectedIndex;
  476. 				settings.resume_bar_handling = ess.resume_bar_handling.selectedIndex;
  477. 				settings.watched_grayscale = ess.watched_grayscale.value;
  478. 				settings.watched_blur = ess.watched_blur.value;
  479. 				settings.disable_player_click_overlay = ess.disable_player_click_overlay.checked;
  480. 				settings.description_width = ess.description_width.selectedIndex;
  481. 				settings.simpler_fullscreen = ess.simpler_fullscreen.checked;
  482. 				settings.clear_link_pp = ess.clear_link_pp.checked;
  483. 				settings.exact_likes = ess.exact_likes.checked;
  484. 				settings.disable_video_preview = ess.disable_video_preview.checked;
  485. 				settings.hide_engagement_panel_transcript = ess.hide_engagement_panel_transcript.checked;
  486. 				settings.hide_engagement_panel_structured_description = ess.hide_engagement_panel_structured_description.checked;
  487. 				settings.short_to_full = ess.short_to_full.checked;
  488. 				settings.update_alert = ess.update_alert.selectedIndex;
  489. 				settings.hide_metadata = ess.hide_metadata.checked;
  490. 				settings.remove_rounded_corners_1 = ess.remove_rounded_corners_1.checked;
  491. 				settings.thumbnail_size_channel = ess.thumbnail_size_channel.selectedIndex;
  492. 				if (settings.thumbnail_size_channel == 5) {
  493. 					const v = ess.thumbnail_size_channel_m.value;
  494. 					if (!/^\d+$/.test (v)) {
  495. 						alert ('Error: invalid value for thumbnails size');
  496. 						return;
  497. 						}
  498. 					settings.thumbnail_size_channel_m = parseInt (v);
  499. 					}
  500. 				storage.save ('settings', settings);
  501. 				alert ('Settings saved');
  502. 				history.back ();
  503. 				});
  504. 			e2 = MakeButton ('Return to YouTube without saving', function () {
  505. 				history.back ();
  506. 				});
  507. 			AddLine (plane, e1, e2);
  508. 			e1 = MakeButton ('Export settings', function () {
  509. 				const d = document.createElement ('a');
  510. 				d.style.display = 'none';
  511. 				d.setAttribute ('download', 'ytfix_settings.json');
  512. 				d.setAttribute ('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent (JSON.stringify (settings)));
  513. 				document.body.appendChild (d);
  514. 				d.click ();
  515. 				document.body.removeChild (d);
  516. 				});
  517. 			e2 = MakeButton ('Import settings', function () {
  518. 				const f = document.createElement ('input');
  519. 				f.type = 'file';
  520. 				f.style.display = 'none';
  521. 				f.addEventListener ('change', function () {
  522. 					if (f.files.length != 1)
  523. 						return;
  524. 					const rdr = new FileReader ();
  525. 					rdr.addEventListener ('load', function () {
  526. 						try {
  527. 							settings = JSON.parse (rdr.result);
  528. 							storage.save ('settings', settings);
  529. 							alert ('Settings imported');
  530. 							document.location.reload ();
  531. 							}
  532. 						catch (ex) {
  533. 							alert ('Error parsing settings\n' + ex);
  534. 							}
  535. 						});
  536. 					rdr.addEventListener ('error', () => alert ('Error loading file\n' + rdr.error));
  537. 					rdr.readAsText (f.files [0]);
  538. 					});
  539. 				document.body.appendChild (f);
  540. 				f.click ();
  541. 				document.body.removeChild (f);
  542. 				});
  543. 			AddLine (plane, e1, e2);
  544. 			}
  545. 		let int = setInterval (function () {
  546. 			if (!document.body)
  547. 				return;
  548. 			document.body.appendChild (back);
  549. 			document.body.appendChild (plane);
  550. 			clearInterval (int);
  551. 			}, 1);
  552. 		console.log ('Settings page created');
  553. 		return;
  554. 		}
  555. 	// apply settings
  556. 	function unwrap (x) {
  557. 		return x.wrappedJSObject || x;
  558. 		}
  559. 	let styles = '';
  560. 	if (true) {
  561. 		let url = undefined;
  562. 		setInterval (function () {
  563. 			if (document.location.pathname === url)
  564. 				return;
  565. 			url = document.location.pathname;
  566. 			unwrap (document.body).setAttribute ('ytfix-url', url);
  567. 			}, 1000);
  568. 		}
  569. 	if (settings.hide_guide) {
  570. 		let url = undefined;
  571. 		let act = 2;
  572. 		setInterval (function () {
  573. 			if (act == 0 && document.location.toString () != url)	// обнаружение смены адреса
  574. 				act = 1;
  575. 			if (act == 1) {	// wait for sorp page load completion
  576. 				const Q = document.getElementsByTagName ('yt-page-navigation-progress');
  577. 				if (!Q.length || !Q [0].hasAttribute ('hidden'))
  578. 					return;
  579. 				act = 2;
  580. 				}
  581. 			if (act == 2) {	// wait for button and press it if necessary
  582. 				const guide_button = document.getElementById ('guide-button');
  583. 				if (!guide_button)
  584. 					return;
  585. 				let tmp = guide_button.getElementsByTagName ('button');
  586. 				if (!tmp.length)
  587. 					return;
  588. 				tmp = tmp [0];
  589. 				if (!tmp.hasAttribute ('aria-pressed'))
  590. 					return;
  591. 				if (tmp.attributes ['aria-pressed'].value == 'true')
  592. 					guide_button.click ();
  593. 				else {
  594. 					url = document.location.toString ();
  595. 					act = 0;
  596. 					window.dispatchEvent (new Event ('resize'));
  597. 					}
  598. 				}
  599. 			}, 1000);
  600. 		}
  601. 	if (settings.fix_removed_placeholder)
  602. 		styles += 'paper-button.style-blue-text,tp-yt-paper-button.style-blue-text{padding:0!important}';
  603. 	if (settings.thumbnail_size)
  604. 		styles += `
  605. 			body:not([ytfix-url^='/c/']) div#contents.ytd-rich-grid-renderer {display:block!important}
  606. 			body:not([ytfix-url^='/c/']) ytd-rich-grid-row.ytd-rich-grid-renderer {display:inline!important}
  607. 			body:not([ytfix-url^='/c/']) ytd-rich-grid-row.ytd-rich-grid-renderer > div {display:inline!important;margin:0!important}
  608. 			body:not([ytfix-url^='/c/']) ytd-rich-item-renderer {display:inline-block!important;width:${[0, 180, 240, 360, 480, settings.thumbnail_size_m] [settings.thumbnail_size]}px!important;contain:none!important;margin-left:calc(var(--ytd-rich-grid-item-margin)/2)!important;margin-right:calc(var(--ytd-rich-grid-item-margin)/2)!important}
  609. 			`;
  610. 	if (settings.thumbnail_size_channel)
  611. 		styles += `
  612. 			body[ytfix-url^='/c/'] div#contents.ytd-rich-grid-renderer {display:block!important}
  613. 			body[ytfix-url^='/c/'] ytd-rich-grid-row.ytd-rich-grid-renderer {display:inline!important}
  614. 			body[ytfix-url^='/c/'] ytd-rich-grid-row.ytd-rich-grid-renderer > div {display:inline!important;margin:0!important}
  615. 			body[ytfix-url^='/c/'] ytd-rich-item-renderer {display:inline-block!important;width:${[0, 180, 240, 360, 480, settings.thumbnail_size_channel_m] [settings.thumbnail_size_channel]}px!important;contain:none!important;margin-left:calc(var(--ytd-rich-grid-item-margin)/2)!important;margin-right:calc(var(--ytd-rich-grid-item-margin)/2)!important}
  616. 			`;
  617. 	if (settings.hide_yt_suggested_blocks)
  618. 		styles += 'div#contents.ytd-rich-grid-renderer ytd-rich-section-renderer{display:none!important}';
  619. 	if (settings.unfix_header)
  620. 		styles += `
  621. 			div#masthead-container.ytd-app,ytd-mini-guide-renderer.ytd-app,app-drawer#guide{position:absolute!important}
  622. 			ytd-feed-filter-chip-bar-renderer{position:relative!important}
  623.             ytd-feed-filter-chip-bar-renderer:not([not-sticky]) > div#chips-wrapper{position:absolute!important;top:0!important}
  624. 			ytd-rich-grid-renderer > div#chips-wrapper{position:absolute!important;top:0!important}
  625. 			`;
  626. 	if (settings.search_thumbnail) {
  627. 		const sz = [0, 240, 360] [settings.search_thumbnail] + 'px!important';
  628. 		// min-width defaults to 240px, max-width defaults to 360px
  629. 		// sizes for: videos, playlists, channels, mixes
  630. 		styles += `ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer,ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer,ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer,ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer,ytd-video-renderer[is-search] ytd-thumbnail.ytd-video-renderer,ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer,ytd-channel-renderer[is-search] #avatar-section.ytd-channel-renderer,ytd-radio-renderer[is-search] ytd-thumbnail.ytd-radio-renderer{min-width:${sz};max-width:${sz}}`;
  631. 		}
  632. 	if (settings.clear_search)
  633. 		styles += 'ytd-two-column-search-results-renderer ytd-shelf-renderer.style-scope.ytd-item-section-renderer,ytd-two-column-search-results-renderer ytd-horizontal-card-list-renderer.style-scope.ytd-item-section-renderer{display:none!important}';
  634. 	styles += [
  635. 		'#player-theater-container{margin-left:auto!important;margin-right:auto!important}',
  636. 		'#player-container-outer{margin-left:0!important}',
  637. 		'#player-container-outer{margin-right:0!important}#player-theater-container{margin-left:auto!important}'
  638. 		] [settings.align_player];
  639. 	const sizes = [0, 144, 240, 360, 480, 720];
  640. 	const size_norm = sizes [settings.default_player];
  641. 	if (size_norm)
  642. 		styles += `
  643. 			ytd-watch-flexy:not([fullscreen]):not([simple-fullscreen]):not([theater]){--ytd-watch-flexy-min-player-height:${size_norm}px!important;--ytd-watch-flexy-max-player-height:${size_norm}px!important;--ytd-watch-flexy-min-player-width:calc(${size_norm}px*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))!important;--ytd-watch-flexy-max-player-width:var(--ytd-watch-flexy-min-player-width)!important}
  644. 			ytd-watch-flexy:not([fullscreen]):not([simple-fullscreen]):not([theater]) div#player-container-outer.ytd-watch-flexy{height:var(--ytd-watch-flexy-max-player-height);min-width:calc(${size_norm}px*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))!important}
  645. 			`;
  646. 	const size_theater = sizes [settings.theater_player];
  647. 	if (size_theater)
  648. 		styles += `
  649. 			ytd-watch-flexy:not([fullscreen]):not([simple-fullscreen])[theater] #player-theater-container{min-width:calc(${size_theater}px*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))!important;max-width:calc(${size_theater}px*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))!important;min-height:${size_theater}px!important;max-height:${size_theater}px!important;height:${size_theater}px!important}
  650. 			ytd-watch-flexy:not([fullscreen]):not([simple-fullscreen])[theater] div#movie_player{height:${size_theater}px;width:calc(${size_theater}px*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))}
  651. 			`;
  652. 	if (size_norm || size_theater)
  653. 		setInterval (function () {
  654. 			const eq = document.getElementsByTagName ("ytd-watch-flexy");
  655. 			if (!eq.length)
  656. 				return;
  657. 			const s = eq [0].hasAttribute ('theater') ? size_theater : size_norm;
  658. 			if (!s)
  659. 				return;
  660. 			const p = document.getElementById ("movie_player");
  661. 			if (!p)
  662. 				return;
  663. 			const ep = p.wrappedJSObject || p;
  664. 			if (ep.setInternalSize && ep.isFullscreen && ep.getPlayerSize && !ep.isFullscreen () && ep.getPlayerSize ().height != s)
  665. 				ep.setInternalSize ();
  666. 		    }, 1000);
  667. 	if (settings.logo_target) {
  668. 		let url = settings.logo_target;
  669. 		if (url [0] != '/')
  670. 			url = '/' + url;
  671. 		url = document.location.origin + url;
  672. 		setInterval (function () {
  673. 			const l = document.querySelectorAll ('a#logo');
  674. 			for (let i = l.length; --i >= 0; ) {
  675. 				const E = l [i];
  676. 				const D = (E.wrappedJSObject || E).data;
  677. 				if (D && D.commandMetadata && E.href != url) {
  678. 					E.href = url;
  679. 					D.commandMetadata.webCommandMetadata.url = url;
  680. 				    }
  681. 				}
  682. 		    }, 1000);
  683. 		}
  684. 	if (settings.channel_top)
  685. 		styles += 'app-header#header.style-scope.ytd-c4-tabbed-header-renderer{transform:none!important;position:absolute;left:0px!important;top:0px;margin-top:0px}';
  686. 	if (settings.channel_top > 1)
  687. 		styles += `
  688. 			div#contentContainer.style-scope.app-header-layout{padding-top:148px!important}
  689. 			div#contentContainer.style-scope.app-header{height:148px!important}
  690. 			div.banner-visible-area.style-scope.ytd-c4-tabbed-header-renderer{display:none!important}
  691. 			`;
  692. 	if (settings.try_load_more) {
  693. 		setInterval (function () {
  694. 			const l = document.querySelectorAll ('#show-more-button');
  695. 			let i = l.length;
  696. 			if (--i >= 0 && l [i].hasAttribute ('hidden')) {
  697. 				l [i].removeAttribute ('hidden');
  698. 				l [i].innerText = 'TRY LOAD MORE';
  699. 				}
  700. 			while (--i >= 0)
  701. 				l [i].parentNode.removeChild (l [i]);
  702. 			}, 1000);
  703. 		styles += '#show-more-button{color:var(--yt-spec-call-to-action);width:100%;text-align:center;border:1px solid;padding:1em;cursor:pointer}';
  704. 		}
  705. 	if (settings.unbound_video_title)
  706. 		styles += '#video-title{max-height:none!important;-webkit-line-clamp:none!important}';
  707. 	if (settings.video_quality) {
  708. 		function TryQuality (quality, qq, ep) {
  709. 			return qq.includes (quality) && (ep.setPlaybackQualityRange (quality, quality) || true);
  710. 			}
  711. 		let fail = '';
  712. 		setInterval (function () {
  713. 			const p = document.getElementById ("movie_player");
  714. 			if (!p)
  715. 				return;
  716. 			const ep = p.wrappedJSObject || p;
  717. 			if (!ep.getPreferredQuality || !ep.getAvailableQualityLevels || !ep.setPlaybackQualityRange || !ep.getVideoData || ep.getPreferredQuality () != 'auto')
  718. 				return;
  719. 			const vid = ep.getVideoData ().video_id;
  720. 			if (fail == vid)	// данное видео уже обработано
  721. 				return;
  722. 			const qq = ep.getAvailableQualityLevels ();
  723. 			if (!qq || !qq.length)
  724. 				return;
  725. 			switch (settings.video_quality) {	// intentional no breaks here
  726. 				case 1: if (TryQuality ('hd2160', qq, ep)) return;
  727. 				case 2: if (TryQuality ('hd1440', qq, ep)) return;
  728. 				case 3: if (TryQuality ('hd1080', qq, ep)) return;
  729. 				case 4: if (TryQuality ('hd720', qq, ep)) return;
  730. 				case 5: if (TryQuality ('large', qq, ep)) return;
  731. 				case 6: if (TryQuality ('medium', qq, ep)) return;
  732. 				case 7: if (TryQuality ('small', qq, ep)) return;
  733. 				case 8: if (TryQuality ('tiny', qq, ep)) return;
  734. 				}
  735. 			console.log ('Unknown video qualities in list: ', qq);
  736. 			fail = vid;
  737. 			}, 1000);
  738. 		}
  739. 	if (settings.resume_bar_handling)
  740. 		styles += [
  741. 			'',
  742. 			'div.ytd-thumbnail-overlay-resume-playback-renderer{width:100%!important}',
  743. 			'ytd-thumbnail-overlay-resume-playback-renderer{display:none!important}'
  744. 			] [settings.resume_bar_handling];
  745. 	let watched_filter = '';
  746. 	if (settings.watched_grayscale)
  747. 		watched_filter += `grayscale(${settings.watched_grayscale}%)`;
  748. 	if (settings.watched_blur)
  749. 		watched_filter += `blur(${settings.watched_blur}px)`;
  750. 	if (watched_filter)
  751. 		styles += `a[href*="/watch?"]:not([href^="/watch?"]).ytd-thumbnail img {filter:${watched_filter}}`;
  752. 	if (settings.no_resume_time || watched_filter) {
  753. 		function removeTimesClearer (l) {
  754. 			while (l && l.tagName != 'A')
  755. 				l = l.parentNode;
  756. 			if (!l)
  757. 				return;
  758. 			if (!settings.no_resume_time) {
  759. 				l.href = l.href.replace (/&t=\d+s?/, '$1');
  760. 				return;
  761. 				}
  762. 			l.href = l.href.replace (/&t=\d+s?/, '');
  763. 			l = unwrap (l);
  764. 			if (!l.data || !l.data.watchEndpoint || !l.data.watchEndpoint.startTimeSeconds)
  765. 				return;
  766. 			delete l.data.watchEndpoint;
  767. 			try { l.data.commandMetadata.webCommandMetadata.url = l.href; } catch (ex) { }
  768. 			}
  769. 		setInterval (function () {
  770. 			document.querySelectorAll ('a[href^="/watch?"] div.ytd-thumbnail-overlay-resume-playback-renderer').forEach (removeTimesClearer);	// основное применение
  771. 			document.querySelectorAll ('a[href^="/watch?"][href*="&t="]').forEach (removeTimesClearer);	// на случай прочих ссылок
  772. 			}, 1000);
  773. 		}
  774. 	if (settings.remove_yt_redirect) {
  775. 		function removeRedirectClearer (l) {
  776. 			l.href = decodeURIComponent (l.href.replace (/^.*\?(.*&)q=([^&]+)(&.*)?$/, '$2'));
  777. 			const w = l.wrappedJSObject || l;
  778. 			if (w.data && w.data.urlEndpoint)
  779. 				w.data.urlEndpoint.url = l.href;
  780. 			}
  781. 		setInterval (function () {
  782. 			document.querySelectorAll ('a[href^="https://www.youtube.com/redirect?"]').forEach (removeRedirectClearer);
  783. 			}, 1000);
  784. 		}
  785. 	if (settings.view_count_mod === 2) {
  786. 		function getCounterText (x) {	// x is not wrapper
  787. 			try { return x.__data.data.viewCountText.simpleText; } catch (ex) { }
  788. 			try { return x.__data.data.content.videoRenderer.viewCountText.simpleText; } catch (ex) { }
  789. 			}
  790. 		function replaceCountersText (x) {
  791. 			x = x.wrappedJSObject || x;
  792. 			const par = x.parentNode.__ytfix_parent;
  793. 			if (!par)
  794. 				return;
  795. 			const tgt = getCounterText (par);
  796. 			if (tgt && x.textContent != tgt)
  797. 				x.textContent = tgt;
  798. 			}
  799. 		function replaceCountersCallback (mm) {
  800. 			for (let i = mm.length; --i >= 0; )
  801. 				replaceCountersText (mm [i].target);
  802. 			}
  803. 		const m = new MutationObserver (replaceCountersCallback);
  804. 		const opt = { subtree: true, characterData: true };
  805. 		function replaceCountersEach (x) {
  806. 			x.setAttribute ('ytfix', '');
  807. 			const ee = x.querySelectorAll ('#metadata-line span');
  808. 			if (ee.length != 2)
  809. 				return;
  810. 			const e = ee [0];
  811. 			(e.wrappedJSObject || e).__ytfix_parent = x;
  812. 			replaceCountersText (e.firstChild);
  813. 			m.observe (e, opt);
  814. 			}
  815. 		function getCounterText2 (x) {
  816. 			try { return x.__dataHost.__data.descriptionInfoTooltipText; } catch (ex) { }
  817. 			}
  818. 		function replaceCountersText2 (x) {
  819. 			const tgt = getCounterText2 (x);
  820. 			if (tgt && x.textContent != tgt) {
  821. 				const ee = x.querySelectorAll ('span');
  822. 				ee [0].textContent = tgt;
  823. 				ee [1].textContent = '';
  824. 				ee [2].textContent = '';
  825. 				}
  826. 			}
  827. 		function replaceCountersCallback2 (mm) {
  828. 			for (let i = mm.length; --i >= 0; )
  829. 				replaceCountersText2 (mm [i].target.parentNode);
  830. 			}
  831. 		const m2 = new MutationObserver (replaceCountersCallback2);
  832. 		const opt2 = { subtree: true, childList: true };
  833. 		function replaceCountersEach2 (x) {
  834. 			x.setAttribute ('ytfix', '');
  835. 			replaceCountersText2 (x);
  836. 			m2.observe (x, opt2);
  837. 			}
  838. 		setInterval (function () {
  839. 			document.querySelectorAll ('ytd-compact-video-renderer:not([ytfix])').forEach (replaceCountersEach);
  840. 			document.querySelectorAll ('ytd-grid-video-renderer:not([ytfix])').forEach (replaceCountersEach);
  841. 			document.querySelectorAll ('ytd-rich-item-renderer:not([ytfix])').forEach (replaceCountersEach);
  842. 			document.querySelectorAll ('ytd-video-renderer:not([ytfix])').forEach (replaceCountersEach);
  843. 			document.querySelectorAll ('yt-formatted-string#info:not([ytfix])').forEach (replaceCountersEach2);
  844. 			}, 1000);
  845. 		}
  846. 	if (settings.disable_player_click_overlay)
  847. 		styles += 'div.ytp-doubletap-ui,div.ytp-doubletap-ui-legacy {display:none}';
  848. 	if (settings.description_width) {
  849. 		const w = [0, '100vw', '1200px', '1280px', '1360px', '1440px', '1520px', '1600px', '1680px', '1760px', '1840px', '1920px'] [settings.description_width];
  850. 		styles += `
  851. 			ytd-app:not([mini-guide-visible_]) ytd-page-manager {--ytf-width:calc(${w} - 20px);min-width:100%}
  852. 			ytd-app[mini-guide-visible_]  ytd-page-manager {--ytf-width:calc(${w} - 92px);min-width:calc(100% - 92px)}
  853. 			ytd-watch-flexy[flexy][fullscreen] {min-width:100%!important}
  854. 			ytd-watch-flexy[flexy] #columns {--ytd-watch-flexy-min-player-width:calc(var(--ytf-width) - var(--ytd-watch-flexy-sidebar-width) - 3 * var(--ytd-margin-6x));min-width:var(--ytf-width)!important;max-width:var(--ytf-width)!important}
  855. 			ytd-watch-flexy[flexy][is-two-columns_]:not([is-four-three-to-sixteen-nine-video_]):not([is-extra-wide-video_]) div#primary.ytd-watch-flexy {max-width:var(--ytd-watch-flexy-max-player-width);min-width:var(--ytd-watch-flexy-min-player-width)}
  856. 			ytd-watch-flexy[flexy][is-vertical-video_] div#player-container-inner.ytd-watch-flexy {width:calc(var(--ytd-watch-flexy-min-player-height)*1.7777777778);position:relative;transform:translate(-50%,0);margin-left:50%}
  857. 			`;
  858. 		}
  859. 	if (settings.simpler_fullscreen) {
  860. 		let keys = undefined;
  861. 		if (document.exitFullscreen)
  862. 			keys = document.fullscreenEnabled && { enter: 'requestFullscreen', exit: 'exitFullscreen', check: 'fullscreenElement', event: 'fullscreenchange', type: 'standart' };
  863. 		else if (document.mozCancelFullScreen)
  864. 			keys = document.mozFullScreenEnabled && { enter: 'mozRequestFullScreen', exit: 'mozCancelFullScreen', check: 'mozFullScreenElement', event: 'mozfullscreenchange', type: 'mozilla' };
  865. 		else if (document.webkitExitFullscreen)
  866. 			keys = document.webkitFullscreenEnabled && { enter: 'webkitRequestFullscreen', exit: 'webkitExitFullscreen', check: 'webkitFullscreenElement', event: 'webkitfullscreenchange', type: 'webkit' };
  867. 		else if (document.msExitFullscreen)
  868. 			keys = document.msFullscreenEnabled && { enter: 'msRequestFullscreen', exit: 'msExitFullscreen', check: 'msFullscreenElement', event: 'MSFullscreenChange', type: 'microsoft' };
  869. 		if (!keys)
  870. 			console.log ('unable to determine fullscreen API prefix or fullscreen API disabled');
  871. 		else {
  872. 			console.log ('detected fullscreen API type:', keys.type);
  873. 			styles += 'button.ytp-fullerscreen-edu-button{display:none!important}';
  874. 			document.addEventListener (keys.event, function () {
  875. 				const enter = !!document [keys.check];
  876. 				document.getElementById ("movie_player").setFauxFullscreen (enter);
  877. 				for (const q of document.querySelectorAll ('ytd-watch-flexy'))
  878. 					q [enter ? 'setAttribute' : 'removeAttribute'] ('simple-fullscreen', '');
  879. 				});
  880. 			setInterval (function () {
  881. 				for (const p of document.querySelectorAll ('button.ytp-fullscreen-button:not([ytfix])')) {
  882. 					const q = document.createElement ('button');
  883. 					q.className = p.className;
  884. 					p.parentNode.appendChild (q);
  885. 					q.appendChild (p.querySelector ('svg'));
  886. 					q.setAttribute ('title', 'Full screen');
  887. 					p.style.display = 'none';
  888. 					p.disabled = true;
  889. 					p.setAttribute ('ytfix', '');
  890. 					q.setAttribute ('ytfix', '');
  891. 					q.addEventListener ('mousedown', function (event) {
  892. 						event.preventDefault ();
  893. 						});
  894. 					q.addEventListener ('click', function (event) {
  895. 						if (document [keys.check])
  896. 							document [keys.exit] ();
  897. 						else {
  898. 							let w = event.target;
  899. 							while (w && w.tagName != "YTD-PLAYER")
  900. 								w = w.parentNode;
  901. 							if (w)
  902. 								w [keys.enter] ();
  903. 							}
  904. 						});
  905. 					}
  906. 				}, 1000);
  907. 			}
  908. 		}
  909. 	if (settings.clear_link_pp) {
  910. 		function clearLink (l) {
  911. 			l.setAttribute ('href', l.getAttribute ('href').replace (/&pp=[^&]*/, ''));
  912. 			}
  913. 		setInterval (function () {
  914. 			document.querySelectorAll ('a[href*="/watch?"][href*="&pp="]').forEach (clearLink);
  915. 			}, 1000);
  916. 		}
  917. 	if (settings.exact_likes) {
  918. 		function conv_exact (x) {
  919. 			if (x.length < 4)
  920. 				return x;
  921. 			if (x.length < 7)
  922. 				return x.slice (0, -3) + '\u00A0' + x.slice (-3);
  923. 			if (x.length < 10)
  924. 				return x.slice (0, -6) + '\u00A0' + x.slice (-6, -3) + '\u00A0' + x.slice (-3);
  925. 			return x.slice (0, -9) + '\u00A0' + x.slice (-9, -6) + '\u00A0' + x.slice (-6, -3) + '\u00A0' + x.slice (-3);
  926. 			}
  927. 		const tcdef = Object.getOwnPropertyDescriptor (Node.prototype, 'textContent');
  928. 		function ItemProcess (x) {
  929. 			if (unwrap (x).__data.data.targetId !== 'watch-like')
  930. 				return;
  931. 			(x.shadowRoot || x).querySelectorAll ('yt-formatted-string').forEach (s => {
  932. 				const r = unwrap (s).__data.text;
  933. 				const likesTxt = conv_exact (r.accessibility.accessibilityData.label.replace (/[^\d]/g, '') || '0');
  934. 				if (tcdef.get.call (s) !== likesTxt) {
  935. 					r.simpleText = likesTxt;
  936. 					tcdef.set.call (s, likesTxt);
  937. 					}
  938. 				});
  939. 			x.querySelectorAll ('yt-button-shape').forEach (s => {
  940. 				const likesTxt = conv_exact (unwrap (s).__data.data.accessibilityLabel.replace (/[^\d]/g, '') || '0');
  941. 				s.querySelectorAll ('span[role=text]').forEach (t => {
  942. 					const s = unwrap (t);
  943. 					if (tcdef.get.call (s) !== likesTxt)
  944. 						tcdef.set.call (s, likesTxt);
  945. 					});
  946. 				});
  947. 			}
  948. 		setInterval (function () {
  949. 			document.querySelectorAll ('ytd-menu-renderer.ytd-video-primary-info-renderer').forEach (q => {
  950. 				(q.shadowRoot || q).querySelectorAll ('ytd-toggle-button-renderer').forEach (ItemProcess);
  951. 				});
  952. 			document.querySelectorAll ('ytd-menu-renderer.ytd-watch-metadata ytd-toggle-button-renderer').forEach (ItemProcess);
  953. 			}, 1000);
  954. 		}
  955. 	if (settings.disable_video_preview)
  956. 		styles += `
  957. 			ytd-thumbnail-overlay-time-status-renderer { display: inline-flex !important; }
  958. 			ytd-video-preview, div#hover-overlays { display: none !important; }
  959. 			`;
  960. 	if (settings.hide_engagement_panel_transcript)
  961. 		styles += 'ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-transcript"] { display: none !important; }';
  962. 	if (settings.hide_engagement_panel_structured_description) {
  963. 		styles += 'ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-structured-description"] { display: none !important; }';
  964. 		const refs = [];
  965. 		setInterval (function () {
  966. 			document.querySelectorAll ('ytd-video-secondary-info-renderer tp-yt-paper-button#more').forEach (function (q) {
  967. 				for (const w of refs)
  968. 					if (w === q)
  969. 						return;
  970. 				refs.push (q);
  971. 				q.addEventListener ('click', function (ev) {
  972. 					let el = ev.target;
  973. 					while (el && el.tagName !== 'YTD-EXPANDER')
  974. 						el = el.parentNode;
  975. 					if (el)
  976. 						el.removeAttribute ('collapsed');
  977. 					});
  978. 				});
  979. 			}, 1000);
  980. 		}
  981. 	if (settings.short_to_full) {
  982. 		let ld = await storage.load ('from_url');
  983. 		setInterval (function () {
  984. 			if (location.pathname === ld)
  985. 				return;
  986. 			if (ld)
  987. 				storage.save ('from_url', ld = undefined);
  988. 			if (location.pathname.length !== 19 || !location.pathname.startsWith ('/shorts/'))
  989. 				return;
  990. 			storage.save ('from_url', location.pathname);
  991. 			location.replace ('/watch?v=' + location.pathname.substr (8));
  992. 			}, 1000);
  993. 		}
  994. 	if (settings.view_count_mod === 0)
  995. 		styles += `
  996. 			span.view-count.ytd-video-view-count-renderer {display:none!important}
  997. 			span.short-view-count.ytd-video-view-count-renderer {display:block!important}
  998. 			`;
  999. 	if (settings.hide_metadata)
  1000. 		styles += 'ytd-metadata-row-container-renderer {display:none!important}';
  1001. 	// update notifications
  1002. 	const script_name = gminfo && gminfo.script && gminfo.script.name;
  1003. 	if (fix_version && load_version && storage.save && settings.update_alert && script_name) {
  1004. 		const m_fix = fix_version.match (/^(\d+)\.(\d+)\.(\d+)$/);
  1005. 		const m_load = load_version.match (/^(\d+)\.(\d+)\.(\d+)$/);
  1006. 		if (m_fix && m_load) {
  1007. 			if (m_fix [1] != m_load [1]) {
  1008. 				storage.save ('settings', settings);
  1009. 				alert (`Script "${script_name}" updated major version.\nView settings page to check if all options were transferred correctly.\n\nTo disable this alert go to 'Script' tab on settings page.`);
  1010. 				}
  1011. 			else if (settings.update_alert >= 2 && m_fix [2] != m_load [2]) {
  1012. 				storage.save ('settings', settings);
  1013. 				alert (`Script "${script_name}" updated version.\nCheck settings page for new options.\n\nTo disable this alert go to 'Script' tab on settings page.`);
  1014. 				}
  1015. 			else if (settings.update_alert == 3 && m_fix [3] != m_load [3]) {
  1016. 				storage.save ('settings', settings);
  1017. 				alert (`Script "${script_name}" released bugfix.\n\nTo disable this alert go to 'Script' tab on settings page.`);
  1018. 				}
  1019. 			}
  1020. 		}
  1021. 	if (settings.remove_rounded_corners_1)
  1022. 		styles += `
  1023. 			ytd-thumbnail a.ytd-thumbnail, ytd-thumbnail::before {border-radius:0!important}
  1024. 			ytd-playlist-thumbnail a.ytd-playlist-thumbnail, ytd-playlist-thumbnail::before {border-radius:0!important}
  1025. 			ytd-channel-video-player-renderer[rounded] #player.ytd-channel-video-player-renderer {border-radius:0!important}
  1026. 			ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata {border-radius:0!important}
  1027. 			ytd-rich-metadata-renderer[rounded] {border-radius:0!important}
  1028. 			div.image-wrapper.ytd-hero-playlist-thumbnail-renderer {border-radius:0!important}
  1029. 			div.ytp-videowall-still-image, .ytp-ce-video.ytp-ce-large-round {border-radius:0!important}
  1030. 			`;
  1031. 	// "settings" button
  1032. 	// can't store created button: Polymer overrides it's content on soft reload leaving tags in place
  1033. 	// but can store element that Polymer does not know how to deal with and just drops
  1034. 	let settingsMark = { parentNode: false };
  1035. 	setInterval (function () {
  1036. 		if (settingsMark.parentNode)
  1037. 			return;
  1038. 		let toolBar = document.getElementsByTagName ('ytd-topbar-menu-button-renderer');
  1039. 		if (!toolBar.length)
  1040. 			return;
  1041. 		toolBar = toolBar [0];
  1042. 		if (!toolBar)
  1043. 			return;
  1044. 		toolBar = toolBar.parentNode;
  1045. 		const sb = document.createElement ('ytd-topbar-menu-button-renderer');	// ytd-notification-topbar-button-renderer
  1046. 		sb.className = 'style-scope ytd-masthead style-default';				// style-scope ytd-masthead notification-button-style-type-default
  1047. 		sb.setAttribute ('use-keyboard-focused', '');
  1048. 		sb.setAttribute ('is-icon-button', '');
  1049. 		sb.setAttribute ('has-no-text', '');
  1050. 		const tbo = toolBar.wrappedJSObject || toolBar;
  1051. 		const sbo = sb.wrappedJSObject || sb;
  1052. 		tbo.insertBefore (sbo, tbo.childNodes [0]);
  1053. 		// div[id=notification-count][class=style-scope ytd-notification-topbar-button-renderer][innerHTML=...]
  1054. 		const mark = document.createElement ('fix-settings-mark');
  1055. 		mark.style = 'display:none';
  1056. 		toolBar.insertBefore (mark, sb); // must be added to parent node of buttons in order to Polymer dropped it on soft reload
  1057. 		settingsMark = mark;
  1058. 		const icb = document.createElement ('yt-icon-button');
  1059. 		icb.id = 'button';
  1060. 		icb.className = 'style-scope ytd-topbar-menu-button-renderer style-default';
  1061. 		const tt = document.createElement ('tp-yt-paper-tooltip');
  1062. 		tt.className = 'style-scope ytd-topbar-menu-button-renderer';
  1063. 		tt.setAttribute ('role', 'tooltip');
  1064. 		tt.setAttribute ('tabindex', '-1');
  1065. 		tt.style = 'right:auto;bottom:auto';
  1066. 		tt.appendChild (document.createTextNode ('YT fixes ' + fix_version));	// YT wraps content into DIV element
  1067. 		const aa = document.createElement ('a');
  1068. 		aa.className = 'yt-simple-endpoint style-scope ytd-topbar-menu-button-renderer';
  1069. 		aa.setAttribute ('tabindex', '-1');
  1070. 		aa.href = '/fix-settings';
  1071. 		aa.appendChild (icb);
  1072. 		aa.appendChild (tt);
  1073. 		sbo.getElementsByTagName ('div') [0].appendChild (aa.wrappedJSObject || aa); // created by YT scripts
  1074. 		const bb = icb.getElementsByTagName ('button') [0]; // created by YT scripts
  1075. 		bb.setAttribute ('aria-label', 'fixes settings');
  1076. 		const ic = document.createElement ('yt-icon');
  1077. 		ic.className = 'style-scope ytd-topbar-menu-button-renderer';
  1078. 		bb.appendChild (ic);
  1079. 		const gpath = document.createElementNS ('http://www.w3.org/2000/svg', 'path');
  1080. 		gpath.className.baseVal = 'style-scope yt-icon';
  1081. 		gpath.setAttribute ('d', 'M1 20l6-6h2l11-11v-1l2-1 1 1-1 2h-1l-11 11v2l-6 6h-1l-2-2zM2 20v1l1 1h1l5-5v-2h-2zM13 15l2-2 8 8v1l-1 1h-1zM15 14l-1 1 7 7h1v-1zM9 11l2-2-2-2 1.5-3-3-3h-2l3 3-1.5 3-3 1.5-3-3v2l3 3 3-1.5zM9 10l-2-2 1-1 2 2z');
  1082. 		const svgg = document.createElementNS ('http://www.w3.org/2000/svg', 'g');
  1083. 		svgg.className.baseVal = 'style-scope yt-icon';
  1084. 		svgg.appendChild (gpath);
  1085. 		const svg = document.createElementNS ('http://www.w3.org/2000/svg', 'svg');
  1086. 		svg.className.baseVal = 'style-scope yt-icon';
  1087. 		svg.setAttributeNS (null, 'viewBox', '0 0 24 24');
  1088. 		svg.setAttributeNS (null, 'preserveAspectRatio', 'xMidYMid meet');
  1089. 		svg.setAttribute ('focusable', 'false');
  1090. 		svg.setAttribute ('style', 'pointer-events: none; display: block; width: 100%; height: 100%;');
  1091. 		svg.appendChild (svgg);
  1092. 		(ic.shadowRoot || ic).appendChild (svg); // YT clears *ic
  1093. 		}, 1000);
  1094. 	// styles
  1095. 	if (styles.length) {
  1096. 		let styles_int = setInterval (function () {
  1097. 			if (!document.head)
  1098. 				return;
  1099. 			clearInterval (styles_int);
  1100. 			if (document.getElementById ('ytfixstyle'))
  1101. 				return;
  1102. 			const style_element = document.createElement ('style');
  1103. 			style_element.setAttribute ('type', 'text/css');
  1104. 			style_element.setAttribute ('id', 'ytfixstyle');
  1105. 			style_element.innerHTML = styles;
  1106. 			document.head.appendChild (style_element);
  1107. 			}, 100);
  1108. 		}
  1109. 	console.log ('Fixes loaded');
  1110. 	}) ();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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