☰

YouTube Video Preview and Ratings Keyless

Instant video previews in popup player by hovering or clicking video thumbs. Video ratings and resolution data shown on the thumbs. Gets video information without using a YouTube API key, which can be banned or limited.

当前为 2020-03-01 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube Video Preview and Ratings Keyless
  3. // @namespace    YouTubeVideoPreviewPlayer
  4. // @version      20200301
  5. // @description  Instant video previews in popup player by hovering or clicking video thumbs. Video ratings and resolution data shown on the thumbs. Gets video information without using a YouTube API key, which can be banned or limited.
  6. // @author       Couchy
  7. // @match        http://www.youtube.com/*
  8. // @match        https://www.youtube.com/*
  9. // @grant        GM_setValue
  10. // @grant        GM_getValue
  11. // @grant        GM_registerMenuCommand
  12. // @noframes
  13. // ==/UserScript==
  14.  
  15. //==================================================================
  16. //Rating thresholds
  17.  
  18. var red_threshold = 50;
  19. var orange_threshold = 70;
  20.  
  21. //==================================================================
  22. //Userscript specific functions
  23.  
  24. var doc = document;
  25. var win = window;
  26.  
  27. if (win.frameElement) throw new Error("Stopped JavaScript.");
  28.  
  29. //new YT format
  30. var NEWYT = doc.body.id != 'body';
  31. NEWYT ? doc.body.setAttribute("newyt", "") : doc.body.setAttribute("oldyt", "");
  32.  
  33. function set_pref(preference, new_value) {
  34.     GM_setValue(preference, new_value);
  35. }
  36.  
  37. function get_pref(preference) {
  38.     return GM_getValue(preference);
  39. }
  40.  
  41. function init_pref(preference, new_value) {
  42.     var value = get_pref(preference);
  43.     if (value == null) {
  44.         set_pref(preference, new_value);
  45.         value = new_value;
  46.     }
  47.     return value;
  48. }
  49.  
  50. GM_registerMenuCommand("YouTube Preview Options", pref_popup_open);
  51.  
  52.  
  53. //==================================================================
  54. //==================================================================
  55.  
  56.  
  57. //==================================================================
  58. // Styles
  59.  
  60. var style_basic = "\
  61. /* prefs */\
  62. #vpp_pref_popup {direction:ltr; font:11px/11px Roboto,arial,sans-serif; position:fixed; right:0px; top:0px; color:#e0e0e0; background:#202020; padding:15px 15px 15px 10px; border-radius:3px; box-shadow:0px 0px 5px 1px gray; /*z-index:2147483647;*/ z-index:2147483646;}\
  63. .vpp_pref_group {margin-left:15px; color:yellow;}\
  64. #vpp_pref_close {font:14px/14px Roboto,arial,sans-serif; color:lightgray; position:absolute; top:3px; right:5px; cursor:pointer; user-select:none; -moz-user-select:none;}\
  65. #vpp_pref_close:hover {color:white;}\
  66. #vpp_pref_title {font:500 13px/13px Roboto,arial,sans-serif; padding:5px !important;}\
  67. #vpp_pref_button {cursor:pointer; width:18px; height:18px; background-size:contain; background-repeat:no-repeat; opacity:0.7; position:absolute; right:0px; top:0px; user-select:none; -moz-user-select:none;}\
  68. #vpp_pref_button:hover {opacity:1;}\
  69. #vpp_pref_button {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAeUlEQVR42u2UwQ2AMAwDk52YCWaCmdgp7QshKP6QKn7Yv0pudEqcuBXLBXB/7GaBzFv3Z3k+AdYY/z3cr+IZHgywPCZzxrv4T48AyAFAeKaH0ICmr2GFuDpAkQGOLRBAOQAIjw5Rtrg6QJEBji0QQDkACI8OUbYE0ADbonowcNn6sgAAAABJRU5ErkJggg==');}\
  70. #vpp_pref_delay_text {margin-left:20px; color:khaki;}\
  71. #vpp_pref_delay_num {margin-left:3px; color:khaki;}\
  72. .vpp_pref_delay_plusminus {margin-left:5px; cursor:pointer; text-align:center; font-weight:800; color:black; background:#B0B0B0; border-radius:2px; display:inline-block; width:10px; user-select:none; -moz-user-select:none;}\
  73. .vpp_pref_delay_plusminus:hover {background:#D0D0D0;}\
  74. #vpp_pref_delay_plus {margin-left:2px;}\
  75. #vpp_pref_delay_minus {margin-left:5px;}\
  76. /* meta data */\
  77. .vpp_meta_def_container {font:500 11px/13px Roboto,arial,sans-serif; position:absolute; top:0px; left:0px; background:#e8e8e8; padding:0px 3px; border-radius:2px; opacity:0.9; display:none; cursor:default;}\
  78. html[dark] .vpp_meta_def_container {background:#202020 !important;}\
  79. .vpp_meta_def_container[reveal] {display: block;}\
  80. .vpp_meta_def_container[space] .vpp_meta_def_hd {margin-right:2px;}\
  81. body[oldyt] .vpp_meta_def_container {z-index:10 !important;}\
  82. .vpp_meta_def_format {position:relative; color:black;}\
  83.  html[dark] .vpp_meta_def_format {color:#f0f0f0 !important;}\
  84. .vpp_meta_def_hd {position:relative;}\
  85. .vpp_meta_def_hd.HD {color:magenta;}\
  86. .vpp_meta_def_hd.UHD {color:red;}\
  87. .vpp_meta_rate {direction:ltr; font:500 11px/13px Roboto,arial,sans-serif; position:absolute; top:0px; right:0px; background:green; color:white; opacity:0.9; padding:0px 3px; border-radius:2px; cursor:default;}\
  88. .vpp_meta_rate[bad] {background:red !important;}\
  89. .vpp_meta_rate[med] {background:darkorange !important;}\
  90. body[oldyt] .vpp_meta_rate {z-index:10 !important;}\
  91. body[newyt][dir='ltr'] [vpp_meta_rate] ytd-thumbnail-overlay-toggle-button-renderer, body[newyt][dir='rtl'] [vpp_meta_def] ytd-thumbnail-overlay-toggle-button-renderer {margin-top:12px !important;}\
  92. #vpp_meta_box {position:relative; float:left; height:13px; margin-top:3px;}\
  93. #vpp_meta_box .vpp_meta_def_container {background:none !important; position:relative; clear:none; float:left;}\
  94. #vpp_meta_box .vpp_meta_rate {position:relative; clear:none; float:right; margin-left:5px;}\
  95. #gridtube_title_container {position:absolute; top:5px; right:5px;}\
  96. body[dir='rtl'] #gridtube_title_container {left:5px !important; right:auto !important;}\
  97. body[newyt] ytd-video-primary-info-renderer {position:relative !important;}\
  98. /* play button*/\
  99. #vpp_now_playing {font:500 14px/14px Roboto,arial,sans-serif; position:absolute; bottom:0px; left:0px; background:red; color:white; padding:5px; cursor:default; z-index:0;}\
  100. body[dir='rtl'] #vpp_now_playing {left:auto !important; right:0px !important;}\
  101. body[oldyt] #vpp_now_playing {z-index:10 !important;}\
  102. body[vpp_reveal_play_button] .vpp_play_button, *[vpp_play_marked]:hover .vpp_play_button {visibility:visible !important;}\
  103. .vpp_play_button_container {position:absolute; bottom:0px; left:0px; width:100%; visibility:hidden;}\
  104. body[oldyt] .vpp_play_button_container {z-index:11 !important;}\
  105. .vpp_play_button {visibility:hidden !important; display:block !important; position:relative !important; padding-bottom:1px !important; margin:0px auto !important; width:25px !important; height:25px !important;\
  106.                   opacity:0.75 !important; cursor:pointer !important; background-size:25px !important; background-repeat:no-repeat !important; text-decoration:none !important; z-index:1; user-select:none; -moz-user-select:none;}\
  107. .vpp_play_button:hover {opacity:1 !important;}\
  108. .vpp_play_button {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAOqSURBVFiF5ZdPSBxnGMZ/M98s1V1nV01A17VZUwMRqsGY9FyQlBJQ2gYPIbaB0nMgwYZWeumxIQhlT7aQW0Mhl54CvQQiISQhkixN\
  109. bWKXaNSaYuzu6v4Z98+38/WgY9Vu9l835NAHvsvM983zvs/7vPPOaEopXif018oOGAAfjY4GgEvAu0DnK+b8A5gCvvjp6tVl7cMzZ94EwkArgM/n42BXF7peX3Fs22b+2TPW19edSzGg3wAmgFbTNPlybIyDBw7UlXgv5hcX+WZigmQy2QpMiJ6+vhDQ9Pn587wVDGLb9itdXtOku7ubW7dvA+wzgHa3201XMEg2nyebzyOlpN69oQGG\
  110. YfCGy0VXMIjb7cayrHYDoDMQIJPLkUynKdh2nal3Q+g6psdDZyDA75HIZhcoIJFKIQuFkofz2SxCCHTDqDkA27ZJpFLbCusAuVyOvJQopUquWDzO5OQkfy4vl91bauWlJJfL/ROAlLJiEy0sLfFtKMTP16+TsayazSilBLZeRI405aBsm8JWmW7cvMn0gweMnDrFocOHay7JpgeUqiiAQqGwHQBALB7n+ytXONLXx/DQEKbPVzGxM4Oq\
  111. U0CpXQE4eBgOMzMzwwfDwwwcO1aVSatSwN5Rgr1TVErJj9eucefuXUZGRmjz+8smAzumYUXmKRSQUiKl3C7H3vV0fp5Lly9za2oKrcRzdylQLKOiCkDREuzFe4ODfDo6yloqxUo0WnJvzSUohg6/n/GxMXp6eogsLJDd6vViqM2ELwlACMHHp0/z2dmzLK2s8MvsbNlnOai6DZ0XiIMjvb18PT6Ox+vl4ZMnFZXI4dwOAKpvwyaPhwvn\
  112. zjF08iSzc3Msrq5WRLwX28OoGg+8f+IEX128SMKyuBcO1zS6nTObClRYAndjI9+FQvT29vJbJMJGNlsDtRPBjhLouo6tFFqZM/v278dsamL60aPaidnM3vnmNIQQaEKwYVk0NDSUPJhMp0mm0/+JHCCTyaALgcswMLymqWwptfVEgkwmg9vtRgiBppXTozo4BrYsi2wuh7JtvF6vMjra21+sRqNtqVSKtKYRi8frSvyyYDSgw+9/YRw/\
  113. evTpnfv329aiUQyXC+qceRF2lG3T0tzM8f7+OW3m8eP++NrajXvT061SSqRSZb8Ny6FoCpqGEIIGw8DlcvHOwEC82ecb1JRS/BWLvZ1MJn/I5/N+lGpUOwxQSo+SPtm6968dmrbhEuK51zQ/aWlp+VX73/8d/w3y7NP9Di2fPgAAAABJRU5ErkJggg==') !important;}\
  114. /* preview player */\
  115. #vpp_player_area {position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.5); overflow:hidden !important; z-index:2147483646 !important;}\
  116. #vpp_player_area2 {position:relative; width:100%; height:100%; visibility:hidden;}\
  117. #vpp_player_box {position:absolute; background:#606060; box-shadow:0px 0px 8px 3px rgba(128,128,128,0.9); border-radius:5px 5px 0px 0px; max-width:100%; max-height:100%;}\
  118. #vpp_player_box[player_pos='00']:not([player_size='fit']) {top:0px; left:0px;}\
  119. #vpp_player_box[player_pos='01']:not([player_size='fit']) {top:0px; left:0px; right:0px; margin:auto;}\
  120. #vpp_player_box[player_pos='02']:not([player_size='fit']) {top:0px; right:0px;}\
  121. #vpp_player_box[player_pos='10']:not([player_size='fit']) {top:0px; bottom:0px; left:0px; margin:auto;}\
  122. #vpp_player_box[player_pos='11']:not([player_size='fit']) {top:0px; bottom:0px; left:0px; right:0px; margin:auto;}\
  123. #vpp_player_box[player_pos='12']:not([player_size='fit']) {top:0px; bottom:0px; right:0px; margin:auto;}\
  124. #vpp_player_box[player_pos='20']:not([player_size='fit']) {bottom:0px; left:0px;}\
  125. #vpp_player_box[player_pos='21']:not([player_size='fit']) {bottom:0px; left:0px; right:0px; margin:auto;}\
  126. #vpp_player_box[player_pos='22']:not([player_size='fit']) {bottom:0px; right:0px;}\
  127. #vpp_player_box[player_pos='right']:not([player_size='fit']) {float:right;}\
  128. #vpp_player_box[player_size='xxsmall'] {/*320x180*/ width:320px; height:200px;}\
  129. #vpp_player_box[player_size='xsmall'] {/*512x288*/ width:512px; height:308px;}\
  130. #vpp_player_box[player_size='small'] {/*768x432*/ width:768px; height:452px;}\
  131. #vpp_player_box[player_size='medium'] {/*1024x576*/  width:1024px; height:596px;}\
  132. #vpp_player_box[player_size='large'] {/*1280x720*/ width:1280px; height:740px;}\
  133. #vpp_player_box[player_size='xlarge'] {/*1600x900*/ width:1600px; height:920px;}\
  134. #vpp_player_box[player_size='xxlarge'] {/*1920x1080*/ width:1920px; height:1100px;}\
  135. #vpp_player_box[player_size='fit'] {width:100%; height:100%; border-radius:0px !important;}\
  136. #vpp_player_holder {position:relative; width:100%; height:100%;}\
  137. #vpp_player_holder2 {position:absolute; top:20px; left:0px; right:0px; bottom:0px; margin:auto; background:black;}\
  138. #vpp_player_box[player_size='fit'] #vpp_player_holder2 {left:0px !important; right:0px !important;}\
  139. #vpp_player_frame {position:relative; width:100%; height:100%; display:block; border:0px;}\
  140. #vpp_player_button_area_top {direction:ltr; font:500 14px/20px Roboto,arial,sans-serif; color:#101010; position:absolute; top:-2px; left:10px;}\
  141. #vpp_player_button_area_next {font:500 19px/20px Roboto,arial,sans-serif; color:#101010; position:absolute; top:0px; right:35px;}\
  142. .vpp_player_button {position:relative; cursor:pointer; padding:0px 5px; user-select:none; -moz-user-select:none;}\
  143. .vpp_player_button[button_kind='plus'], .vpp_player_button[button_kind='minus'] {font:500 20px/20px Roboto,arial,sans-serif !important; top:2px;}\
  144. .vpp_player_button[button_kind='left'] {padding:0px 2px 0px 5px;}\
  145. .vpp_player_button[button_kind='right'] {padding:0px 2px;}\
  146. .vpp_player_button[button_kind='up'] {padding:0px 2px;}\
  147. .vpp_player_button[button_kind='down'] {padding:0px 5px 0px 2px;}\
  148. .vpp_player_button:hover {color:#E0E0E0;}\
  149. #vpp_player_close_mark {font:14px/20px Roboto,arial,sans-serif; position:absolute; top:0px; right:5px; cursor:pointer; user-select:none; -moz-user-select:none;}\
  150. #vpp_player_close_mark:hover {color:#E0E0E0;}\
  151. /* float preview */\
  152. #vpp_float_box {position:absolute; box-shadow:0px 0px 8px 3px rgba(128,128,128,0.9); background:black; z-index:2147483647;}\
  153. #vpp_float_frame {position:relative; width:100%; height:100%; border:0px;}\
  154. /* player options */\
  155. #vpp_player_options_popup {direction:ltr; position:absolute; left:0px; top:0px; font:11px/11px Roboto,arial,sans-serif; color:white; background:linear-gradient(#888888,#787878); padding:5px; border-radius:5px; /*z-index:2147483647;*/ z-index:2147483646;}\
  156. .vpp_player_options_text {font-weight:500; margin-left:5px; margin-top:7px; color:lemonchiffon;}\
  157. .vpp_player_options_close {font:14px/14px Roboto,arial,sans-serif; color:black; position:absolute; top:3px; right:5px; cursor:pointer; user-select:none; -moz-user-select:none;}\
  158. .vpp_player_options_close:hover {color:lightgray;}\
  159. .vpp_player_options_title {font:500 13px/13px Roboto,arial,sans-serif; padding:3px !important; color:lemonchiffon;}\
  160. /*other*/\
  161. .watched .video-thumb {opacity:1 !important;}\
  162. .yt-subscribe-button-right {margin-top:12px !important;}\
  163. .pl-video .pl-video-thumbnail,\
  164. .pl-video .pl-video-thumb,\
  165. .pl-video .yt-thumb {width: 120px !important;}\
  166. .pl-video .yt-thumb-clip > img {width:120px !important; height:auto !important;}\
  167. .pl-video-time .timestamp {padding-top:18px !important;}\
  168. ";
  169.  
  170.  
  171. //==============================================================
  172. //basic
  173.  
  174. function newNode(kind, id, classname, refnode, position) {
  175.  
  176.     var node = doc.createElement(kind);
  177.  
  178.     if (node == null) return null;
  179.  
  180.     if (id != null) node.id = id;
  181.  
  182.     if (classname != null) node.className = classname;
  183.  
  184.     if (refnode != null) {
  185.         switch (position) {
  186.             //insert after refnode
  187.             case 'after':
  188.                 if (refnode.nextSibling != null)
  189.                     refnode.parentNode.insertBefore(node, refnode.nextSibling);
  190.                 else
  191.                     refnode.parentNode.appendChild(node);
  192.                 break;
  193.  
  194.                 //insert before refnode
  195.             case 'before':
  196.                 refnode.parentNode.insertBefore(node, refnode);
  197.                 break;
  198.  
  199.                 //insert as first child of refnode
  200.             case 'first':
  201.                 var child = refnode.childNodes[0];
  202.                 if (child != null)
  203.                     refnode.insertBefore(node, child);
  204.                 else
  205.                     refnode.appendChild(node);
  206.                 break;
  207.  
  208.                 //insert as last child of refnode
  209.             case 'last':
  210.             default:
  211.                 refnode.appendChild(node);
  212.                 break;
  213.         }
  214.     }
  215.  
  216.     return node;
  217. }
  218.  
  219.  
  220. function insertStyle(str, id, sdoc) {
  221.     var styleNode = null;
  222.     var ldoc = sdoc;
  223.     if (!ldoc) ldoc = doc;
  224.  
  225.     if (id != null) {
  226.         styleNode = ldoc.getElementById(id);
  227.     }
  228.  
  229.     if (styleNode == null) {
  230.         styleNode = newNode("style", id, null, ldoc.head);
  231.         styleNode.setAttribute("type", "text/css");
  232.     }
  233.  
  234.     if (styleNode.textContent != str)
  235.         styleNode.textContent = str;
  236. }
  237.  
  238.  
  239. function injectScript(str, src, sdoc) {
  240.     var ldoc = sdoc;
  241.     if (!ldoc) ldoc = doc;
  242.     var script = ldoc.createElement("script");
  243.     if (str) script.textContent = str;
  244.     if (src) script.src = src;
  245.     ldoc.head.appendChild(script);
  246.     if (!src) ldoc.head.removeChild(script);
  247. }
  248.  
  249.  
  250. function xpath(outer_dom, inner_dom, query) {
  251.     //XPathResult.ORDERED_NODE_SNAPSHOT_TYPE = 7
  252.     return outer_dom.evaluate(query, inner_dom, null, 7, null);
  253. }
  254.  
  255.  
  256. function docsearch(query) {
  257.     return xpath(doc, doc, query);
  258. }
  259.  
  260.  
  261. function innersearch(inner, query) {
  262.     return xpath(doc, inner, query);
  263. }
  264.  
  265.  
  266. function simulClick(el) {
  267.     var clickEvent = doc.createEvent('MouseEvents');
  268.     clickEvent.initEvent('click', true, true);
  269.     clickEvent.artificialevent = true;
  270.     el.dispatchEvent(clickEvent);
  271. }
  272.  
  273.  
  274. function filter(str, w, delim) {
  275.     if (str == null) return null;
  276.  
  277.     var r = null;
  278.     var m = str.match(RegExp("[" + delim + "]" + w + "[^" + delim + "]*"));
  279.     if (m != null) {
  280.         r = m[0];
  281.         r = r.replace(RegExp("[" + delim + "]" + w), "");
  282.     }
  283.     return r;
  284. }
  285.  
  286. //==============================================================
  287. //preferences
  288.  
  289. var pref_floatEnable = init_pref("floatEnable", true);
  290. var pref_floatDelay = init_pref("floatDelay", 1);
  291. var pref_playerEnable = init_pref("playerEnable", true);
  292. var pref_rateEnable = init_pref("rateEnable", true);
  293. var pref_defEnable = init_pref("defEnable", true);
  294. var pref_iconEnable = init_pref("iconEnable", true);
  295.  
  296.  
  297. function new_plusminus(prefname, str, parent) {
  298.     var div = newNode("div", null, "vpp_generic", parent);
  299.     var txt = newNode("span", "vpp_pref_delay_text", null, div);
  300.     txt.textContent = str;
  301.     var num = newNode("span", "vpp_pref_delay_num", null, div);
  302.     num.textContent = get_pref("floatDelay").toString() + "s";
  303.     var minus = newNode("span", "vpp_pref_delay_minus", "vpp_pref_delay_plusminus", div);
  304.     minus.textContent = "\u2212";
  305.     var plus = newNode("span", "vpp_pref_delay_plus", "vpp_pref_delay_plusminus", div);
  306.     plus.textContent = "\u002B";
  307.  
  308.     minus.onclick = function () {
  309.         var val = get_pref("floatDelay");
  310.         if (val > 0) {
  311.             val--;
  312.             set_pref("floatDelay", val);
  313.             var numNode = doc.getElementById("vpp_pref_delay_num");
  314.             numNode.textContent = get_pref("floatDelay").toString() + "s";
  315.         }
  316.     }
  317.  
  318.     plus.onclick = function () {
  319.         var val = get_pref("floatDelay");
  320.         if (val < 5) {
  321.             val++;
  322.             set_pref("floatDelay", val);
  323.             var numNode = doc.getElementById("vpp_pref_delay_num");
  324.             numNode.textContent = get_pref("floatDelay").toString() + "s";
  325.         }
  326.     }
  327.  
  328. }
  329.  
  330.  
  331. function new_checkbox(prefname, str, kind, parent, value, func) {
  332.     var div = newNode(kind, null, "vpp_generic", parent);
  333.     var input = newNode("input", null, "vpp_generic", div);
  334.     input.type = "checkbox";
  335.     if (!value) {
  336.         input.checked = get_pref(prefname);
  337.         input.onclick = function (e) {
  338.             var val = get_pref(prefname);
  339.             set_pref(prefname, !val);
  340.             e.target.checked = !val;
  341.             if (func) func();
  342.         };
  343.     }
  344.     else {
  345.         input.value = value;
  346.         input.checked = (get_pref(prefname) == input.value);
  347.         input.onclick = function (e) {
  348.             var val = get_pref(prefname);
  349.             set_pref(prefname, e.target.value);
  350.             e.target.checked = true;
  351.             var other = innersearch(parent.parentNode, ".//input[@value='" + val + "']").snapshotItem(0);
  352.             if (other && (other != e.target)) other.checked = false;
  353.             if (func) func();
  354.         };
  355.     }
  356.     var span = newNode("span", null, "vpp_opendelay", div);
  357.     span.textContent = str;
  358. }
  359.  
  360.  
  361. function pref_popup_close() {
  362.     var popup = doc.getElementById("vpp_pref_popup");
  363.     if (!popup) return;
  364.  
  365.     popup.parentNode.removeChild(popup);
  366. }
  367.  
  368.  
  369. function pref_popup_open() {
  370.     var popup = doc.getElementById("vpp_pref_popup");
  371.     if (popup) return;
  372.  
  373.     popup = newNode("span", "vpp_pref_popup", null, doc.body);
  374.  
  375.     var title_node = newNode("div", "vpp_pref_title", null, popup);
  376.     title_node.textContent = "Preview Options";
  377.  
  378.     var changed = false;
  379.     function mark() {
  380.         changed = true;
  381.     }
  382.  
  383.     var closemark = newNode("span", "vpp_pref_close", null, popup);
  384.     closemark.textContent = "\u2716";
  385.     closemark.title = "close options";
  386.     closemark.onclick = function () {
  387.         popup.parentNode.removeChild(popup);
  388.         if (changed) win.location.reload();
  389.     };
  390.  
  391.     new_checkbox("floatEnable", "Hover Preview", "div", popup, null, mark);
  392.     new_plusminus("floatDelay", "open delay", popup);
  393.     new_checkbox("playerEnable", "Click Preview", "div", popup, null, mark);
  394.     new_checkbox("rateEnable", "Video Rating", "div", popup, null, mark);
  395.     new_checkbox("defEnable", "Video Resolution", "div", popup, null, mark);
  396.     new_checkbox("iconEnable", "Options Icon", "div", popup, null, mark);
  397. }
  398.  
  399.  
  400. function pref_button() {
  401.     if (!pref_iconEnable) return;
  402.  
  403.     var node = doc.getElementById("vpp_pref_button");
  404.     if (node) return;
  405.     var par = doc.getElementById("masthead-container") || doc.getElementById("yt-masthead-container");
  406.     if (!par) return;
  407.  
  408.     node = newNode("span", "vpp_pref_button", null, par);
  409.     node.title = "Preview Options";
  410.     node.onclick = pref_popup_open;
  411. }
  412.  
  413.  
  414. //==================================================================
  415. // Player
  416.  
  417. var basic_str = !NEWYT ?
  418.     "(contains(@class,'video-thumb') or contains(@class,'thumb-wrap'))\
  419.                  and (not(descendant::*[contains(@class,'video-thumb') or contains(@class,'thumb-wrap')]))\
  420.                  and (not(ancestor::*[(@id='player-playlist') or (@id='pl-suggestions')]))"
  421.     :
  422.     "((local-name()='ytd-thumbnail') or (local-name()='ytd-playlist-thumbnail'))\
  423.                  and (not(ancestor::*[@hidden]))";
  424.  
  425. var basic_str2 = "//img[contains(@src,'vi/') or contains(@src,'vi_webp/') or contains(@src,'/p/') or contains(@src,'/s_p/')]";
  426.  
  427. function player_script() {
  428.     injectScript("if (YT) {\
  429.                             var player = new YT.Player('vpp_player_frame');\
  430.                             var errort = null;\
  431.                             function error_reset() { if (errort) window.clearTimeout(errort); }\
  432.                             function check_error(t,fid) {\
  433.                                error_reset();\
  434.                                errort = window.setTimeout(\
  435.                                     function (fid) {\
  436.                                        var f = document.getElementById('vpp_player_frame');\
  437.                                        if (!f) return;\
  438.                                        if (f.getAttribute('fid') != fid) return;\
  439. 									   fdoc = f.contentWindow.document;\
  440.                                        var s = player.getPlayerState();\
  441.                                        var a = player.getPlaylist();\
  442.                                        var i = player.getPlaylistIndex();\
  443.                                        if (a != null ? a.length == 0 : false)\
  444.                                            f.dispatchEvent(new Event('playend'));\
  445.                                        else\
  446.                                            if ((s == -1 && fdoc.getElementsByClassName('ytp-error').length > 0) || s == 5)\
  447.                                               if ((a != null && i != null) ? i < a.length - 1 : false)\
  448.                                                  player.nextVideo();\
  449.                                               else\
  450.                                                  f.dispatchEvent(new Event('playend'));\
  451.                                     }, t, fid);\
  452.                             }\
  453.                             player.addEventListener('onReady',\
  454.                                    function () {\
  455.                                         var f = document.getElementById('vpp_player_frame');\
  456.                                         if (f) {\
  457.                                              var q = f.getAttribute('quality');\
  458.                                              if (q != 'default' && q != null) player.setPlaybackQualityRange(q);\
  459.                                          }\
  460.                                    });\
  461.                             player.addEventListener('onStateChange',\
  462.                                  function () {\
  463.                                     var f = document.getElementById('vpp_player_frame');\
  464.                                     if (!f) return;\
  465.                                     var fid = f.getAttribute('fid');\
  466.                                     var q = f.getAttribute('quality');\
  467.                                     var s = player.getPlayerState();\
  468.                                     var a = player.getPlaylist();\
  469.                                     var i = player.getPlaylistIndex();\
  470.                                     var cond = ((a != null && i != null) ? i == a.length - 1 : true);\
  471.                                     if (s == -1 || s == 5) check_error(10000,fid); else error_reset();\
  472.                                     if (s == -1 && q != 'default' && q != null) player.setPlaybackQualityRange(q);\
  473.                                     if (s == 0 && cond) f.dispatchEvent(new Event('playend'));\
  474.                                  });\
  475.                             var frame = document.getElementById('vpp_player_frame');\
  476.                             if (frame) {\
  477.                                   check_error(10000,frame.getAttribute('fid'));\
  478.                                   frame.addEventListener('loadnewvideo',\
  479.                                                           function (x) {\
  480.                                                              var fid = x.target.getAttribute('fid');\
  481.                                                              var url = x.target.getAttribute('newvidurl');\
  482.                                                              var plist = x.target.getAttribute('plist');\
  483.                                                              player.pauseVideo();\
  484.                                                              if (plist) {\
  485.                                                                 player.loadPlaylist({'list':plist});\
  486.                                                                 check_error(10000,fid);\
  487.                                                              }\
  488.                                                              else if (url) {\
  489.                                                                 player.loadVideoByUrl(url);\
  490.                                                                 check_error(10000,fid);\
  491.                                                              }\
  492.                                                           });\
  493.                             }\
  494.                      }");
  495. }
  496.  
  497. var choices_def = ['default', 'small', 'medium', 'large', 'hd720', 'hd1080', 'hd1440', 'highres'];
  498. var choices_size = ['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge'];
  499. var choices_pos = ['00', '01', '02', '10', '11', '12', '20', '21', '22'];
  500.  
  501. //player preferences
  502. if (pref_playerEnable) {
  503.     init_pref("playerFit", false);
  504.     init_pref("playerDef", "default");
  505.     init_pref("playerSize", "medium");
  506.     init_pref("playerPos", "11");
  507.     init_pref("playerNext", true);
  508.     init_pref("playerClose", true);
  509.     init_pref("playerPause", true);
  510.     init_pref("playerDim", true);
  511.     init_pref("playerAds", true);
  512.     init_pref("playerButton", true);
  513.  
  514.     //fix char preferences
  515.     if (choices_def.indexOf(get_pref("playerDef")) < 0) set_pref("playerDef", 'default');
  516.     if (choices_size.indexOf(get_pref("playerSize")) < 0) set_pref("playerSize", 'medium');
  517.     if (choices_pos.indexOf(get_pref("playerPos")) < 0) set_pref("playerPos", '11');
  518. }
  519.  
  520.  
  521. function player_options(parent) {
  522.     var popup = doc.getElementById("vpp_player_options_popup");
  523.     if (popup) return;
  524.  
  525.     popup = newNode("span", "vpp_player_options_popup", null, parent);
  526.  
  527.     var title_node = newNode("div", null, "vpp_player_options_title", popup);
  528.     title_node.textContent = "Player Options";
  529.  
  530.     var closemark = newNode("span", null, "vpp_player_options_close", popup);
  531.     closemark.textContent = "\u2716";
  532.     closemark.title = "close options";
  533.     closemark.onclick = close_player_options;
  534.  
  535.  
  536.     new_checkbox("playerNext", "Auto Play Next", "div", popup);
  537.     new_checkbox("playerDim", "Dim Background", "div", popup, null, function () {
  538.         doc.getElementById("vpp_player_area").style.visibility = (get_pref("playerDim") ? "visible" : "hidden");
  539.     });
  540.     new_checkbox("playerClose", "Close by Clicking Outside Player", "div", popup);
  541.     new_checkbox("playerPause", "Pause YouTube Player at Launch", "div", popup);
  542.     new_checkbox("playerButton", "Hide Play Button on Thumbs", "div", popup, null, revealPlayerButton);
  543.     new_checkbox("playerAds", "Auto Skip Ads", "div", popup);
  544.  
  545.     var div = newNode("div", null, "vpp_player_options_text", popup);
  546.     //default, small, medium, large, hd720, hd1080, hd1440, highres;
  547.     div.textContent = "Resolution";
  548.     var group1 = newNode("div", null, "vpp_player_options_group", popup);
  549.     var group2 = newNode("div", null, "vpp_player_options_group", popup);
  550.     new_checkbox("playerDef", "Default", "span", group1, "default");
  551.     new_checkbox("playerDef", "LQ 240", "span", group1, "small");
  552.     new_checkbox("playerDef", "MQ 360", "span", group1, "medium");
  553.     new_checkbox("playerDef", "HQ 480", "span", group1, "large");
  554.     new_checkbox("playerDef", "HD 720", "span", group2, "hd720");
  555.     new_checkbox("playerDef", "HD 1080", "span", group2, "hd1080");
  556.     new_checkbox("playerDef", "HD 1440", "span", group2, "hd1440");
  557.     new_checkbox("playerDef", "MAX", "span", group2, "highres");
  558. }
  559.  
  560. function close_player_options() {
  561.     var popup = doc.getElementById("vpp_player_options_popup");
  562.     if (popup) popup.parentNode.removeChild(popup);
  563. }
  564.  
  565. function revealPlayerButton() {
  566.     if (!get_pref("playerButton"))
  567.         doc.body.setAttribute("vpp_reveal_play_button", "");
  568.     else
  569.         doc.body.removeAttribute("vpp_reveal_play_button");
  570. }
  571.  
  572. function playerUrl(vid, pid) {
  573.  
  574.     var url = win.location.protocol + "//www.youtube.com/";
  575.  
  576.     if (vid) url += "embed/" + vid + "?" + (pid ? "&list=" + pid : "");
  577.     else if (pid) url += "embed?listType=playlist&list=" + pid;
  578.  
  579.     url += "&autoplay=1&fs=1&iv_load_policy=3&rel=1&version=3&enablejsapi=1";
  580.  
  581.     return (url);
  582. }
  583.  
  584.  
  585. function adjust_playing(node) {
  586.     var playing = doc.getElementById("vpp_now_playing");
  587.     if (playing)
  588.         playing.parentNode.removeChild(playing);
  589.  
  590.     if (node) {
  591.         playing = newNode("span", "vpp_now_playing", null, node);
  592.         playing.textContent = "now playing";
  593.     }
  594. }
  595.  
  596.  
  597. function handleFrameLoad(evt) {
  598.     var frame = evt.target;
  599.     var fdoc = frame.contentWindow.document;
  600.     //hide ad banner
  601.     insertStyle(".ima-container {display:none !important;}", 'vpp_frame_ads', fdoc);
  602.  
  603.     var frame_skip_ad_script = "\
  604. 		window.setInterval(function() {\
  605. 			var button = document.getElementsByClassName('videoAdUiSkipButton videoAdUiAction');\
  606. 			if (button.length > 0)\
  607. 				if (button[0].parentNode && button[0].parentNode.style.display != 'none') {\
  608. 					var clickEvent = document.createEvent('MouseEvents');\
  609. 					clickEvent.initEvent('click', true, true);\
  610.                     button[0].dispatchEvent(clickEvent);\
  611. 				}\
  612. 		},1000);";
  613.  
  614.     if (get_pref("playerAds"))
  615.         injectScript(frame_skip_ad_script, null, fdoc);
  616. }
  617.  
  618.  
  619. function build_player() {
  620.     //constants
  621.     var next_choice = new Object();
  622.     next_choice['plus'] = new Object();
  623.     next_choice['minus'] = new Object();
  624.     next_choice['left'] = new Object();
  625.     next_choice['right'] = new Object();
  626.     next_choice['up'] = new Object();
  627.     next_choice['down'] = new Object();
  628.  
  629.     next_choice['plus']['xxsmall'] = 'xsmall';
  630.     next_choice['plus']['xsmall'] = 'small';
  631.     next_choice['plus']['small'] = 'medium';
  632.     next_choice['plus']['medium'] = 'large';
  633.     next_choice['plus']['large'] = 'xlarge';
  634.     next_choice['plus']['xlarge'] = 'xxlarge';
  635.     next_choice['plus']['xxlarge'] = 'xxlarge';
  636.  
  637.     next_choice['minus']['xxsmall'] = 'xxsmall';
  638.     next_choice['minus']['xsmall'] = 'xxsmall';
  639.     next_choice['minus']['small'] = 'xsmall';
  640.     next_choice['minus']['medium'] = 'small';
  641.     next_choice['minus']['large'] = 'medium';
  642.     next_choice['minus']['xlarge'] = 'large';
  643.     next_choice['minus']['xxlarge'] = 'xlarge';
  644.  
  645.     {
  646.         for (var i = 0; i < 3; i++)
  647.             for (var j = 0; j < 3; j++) {
  648.                 next_choice['left'][i.toString() + j.toString()] = i.toString() + (j - 1 >= 0 ? j - 1 : 0).toString();
  649.                 next_choice['right'][i.toString() + j.toString()] = i.toString() + (j + 1 <= 2 ? j + 1 : 2).toString();
  650.                 next_choice['up'][i.toString() + j.toString()] = (i - 1 >= 0 ? i - 1 : 0).toString() + j.toString();
  651.                 next_choice['down'][i.toString() + j.toString()] = (i + 1 <= 2 ? i + 1 : 2).toString() + j.toString();
  652.             }
  653.     }
  654.  
  655.     var area = null;
  656.     var area2 = null;
  657.     var box = null;
  658.     var holder = null;
  659.     var holder2 = null;
  660.  
  661.     var new_size = get_pref("playerSize");
  662.     var new_pos = get_pref("playerPos");
  663.     var new_fit = get_pref("playerFit");
  664.  
  665.     var that = this;
  666.     var frame_count = 0;
  667.  
  668.     //public
  669.     this.playerShow = function (vid, pid, node) {
  670.         var vis = box.style.visibility;
  671.         if (vis == "hidden") {
  672.             new_size = get_pref("playerSize");
  673.             new_pos = get_pref("playerPos");
  674.             new_fit = get_pref("playerFit");
  675.         }
  676.         playerAdjust((new_fit ? 'fit' : new_size), new_pos, "visible", vid, pid);
  677.         adjust_playing(node);
  678.     }
  679.  
  680.     this.playerClose = function () {
  681.         playerAdjust(null, null, "hidden", null, null);
  682.         close_player_options();
  683.         adjust_playing();
  684.     }
  685.  
  686.  
  687.     //private
  688.     function play_next(findprevious) {
  689.  
  690.         var playing = doc.getElementById("vpp_now_playing");
  691.         if (!playing) return;
  692.  
  693.         var pos = -2;
  694.         var l = null;
  695.  
  696.         var myimg = innersearch(playing.parentNode, ".//img[@src or @data-thumb]").snapshotItem(0);
  697.         if (myimg) {
  698.             l = docsearch("//*[(" + basic_str + ")]" + basic_str2);
  699.  
  700.             myimg.setAttribute("matchfind", "true");
  701.  
  702.             for (var i = 0; i < l.snapshotLength; i++) {
  703.                 if (l.snapshotItem(i).getAttribute("matchfind")) {
  704.                     pos = i;
  705.                     break;
  706.                 }
  707.             }
  708.  
  709.             myimg.removeAttribute("matchfind");
  710.         }
  711.  
  712.         pos = (findprevious ? pos - 1 : pos + 1);
  713.  
  714.         if (pos >= 0) {
  715.             var img = l.snapshotItem(pos);
  716.             if (img) {
  717.                 var vid = find_vid(img);
  718.                 var pid = find_plist(img);
  719.                 img.setAttribute("matchfindimg", true);
  720.                 var target = docsearch("//*[" + basic_str + " and (.//img[@matchfindimg])]").snapshotItem(0);
  721.                 if (target) {
  722.                     that.playerShow(vid, pid, target);
  723.                 }
  724.                 img.removeAttribute("matchfindimg");
  725.             }
  726.         }
  727.     }
  728.  
  729.  
  730.     function playerAdjust(size, pos, vis, vid, pid) {
  731.  
  732.         if (vis != null) {
  733.             box.style.visibility = vis;
  734.             area.style.visibility = (get_pref("playerDim") ? vis : "hidden");
  735.  
  736.             var frame = doc.getElementById("vpp_player_frame");
  737.             if (frame != null && (vis == 'hidden')) {
  738.                 frame.parentNode.removeChild(frame);
  739.                 frame = null;
  740.             }
  741.  
  742.             if (vis == "visible") {
  743.                 var vidurl = playerUrl(vid, pid);
  744.                 var def = get_pref("playerDef");
  745.                 frame_count++;
  746.  
  747.                 if (frame) {
  748.                     frame.setAttribute("newvidurl", vidurl);
  749.                     if (pid) frame.setAttribute("plist", pid);
  750.                     else frame.removeAttribute("plist");
  751.                     frame.setAttribute("quality", def);
  752.                     frame.setAttribute("fid", frame_count.toString());
  753.  
  754.                     var event = doc.createEvent('Event');
  755.                     event.initEvent('loadnewvideo', true, true);
  756.                     frame.dispatchEvent(event);
  757.                 }
  758.                 else {
  759.                     frame = newNode("iframe", "vpp_player_frame", null, holder2);
  760.                     frame.setAttribute("type", "text/html");
  761.                     frame.setAttribute("frameborder", "0");
  762.                     frame.setAttribute("allowfullscreen", "true");
  763.                     frame.setAttribute("quality", def);
  764.                     frame.setAttribute("fid", frame_count.toString());
  765.                     frame.src = vidurl;
  766.                     frame.addEventListener('playend', function f() {
  767.                         if (get_pref("playerNext")) play_next();
  768.                     });
  769.                     frame.addEventListener('load', handleFrameLoad, true);
  770.                     player_script();
  771.                 }
  772.             }
  773.         }
  774.  
  775.         if (size != null) {
  776.             box.setAttribute("player_size", size);
  777.             holder.setAttribute("player_size", size);
  778.         }
  779.  
  780.         if (pos != null)
  781.             box.setAttribute("player_pos", pos);
  782.     }
  783.  
  784.  
  785.     function click_pos_size(e) {
  786.         var kind = e.target.getAttribute("button_kind");
  787.         if (!kind) return;
  788.  
  789.         if (new_fit && !(kind == 'options' || kind == 'prev' || kind == 'next')) {
  790.             set_pref("playerFit", false);
  791.             new_fit = false;
  792.             playerAdjust(new_size, new_pos);
  793.             return;
  794.         }
  795.  
  796.         switch (kind) {
  797.             case 'plus':
  798.             case 'minus':
  799.                 new_size = next_choice[kind][new_size];
  800.                 set_pref("playerSize", new_size);
  801.                 playerAdjust(new_size, new_pos);
  802.                 break;
  803.  
  804.             case 'fit':
  805.                 set_pref("playerFit", true);
  806.                 new_fit = true;
  807.                 playerAdjust('fit');
  808.                 break;
  809.  
  810.             case 'left':
  811.             case 'right':
  812.             case 'up':
  813.             case 'down':
  814.                 new_pos = next_choice[kind][new_pos];
  815.                 set_pref("playerPos", new_pos);
  816.                 playerAdjust(new_size, new_pos);
  817.                 break;
  818.  
  819.             case 'options':
  820.                 player_options(box);
  821.                 break;
  822.  
  823.             case 'prev':
  824.                 play_next(true);
  825.                 break;
  826.  
  827.             case 'next':
  828.                 play_next();
  829.                 break;
  830.         }
  831.     }
  832.  
  833.  
  834.     function new_button(kind, str, str_popup, parent) {
  835.         var node = newNode("span", null, "vpp_player_button", parent);
  836.         node.textContent = str;
  837.         node.title = str_popup;
  838.         node.setAttribute("button_kind", kind);
  839.         node.onclick = click_pos_size;
  840.     }
  841.  
  842.     //initialization;
  843.     if (doc.getElementById("vpp_player_area")) return;
  844.  
  845.     area = newNode("div", "vpp_player_area", null, doc.body);
  846.     area2 = newNode("div", "vpp_player_area2", null, area);
  847.     box = newNode("div", "vpp_player_box", null, area2);
  848.     holder = newNode("div", "vpp_player_holder", null, box);
  849.     holder2 = newNode("div", "vpp_player_holder2", null, holder);
  850.     box.style.visibility = "hidden";
  851.     area.style.visibility = "hidden";
  852.     holder.title = "close player";
  853.  
  854.     holder.onclick = function (e) {
  855.         if (e.target.id == "vpp_player_holder") that.playerClose();
  856.     };
  857.  
  858.     var buttonArea = newNode("span", "vpp_player_button_area_top", null, box);
  859.     new_button("plus", "\u002B", "increase size", buttonArea);
  860.     new_button("minus", "\u2212", "decrease size", buttonArea);
  861.     new_button("fit", "\u2610", "fill window", buttonArea);
  862.     new_button('left', '\u25C4', 'move left', buttonArea);
  863.     new_button('right', '\u25BA', 'move right', buttonArea);
  864.     new_button('up', '\u25B2', 'move up', buttonArea);
  865.     new_button('down', '\u25BC', 'move down', buttonArea);
  866.     new_button("options", "\u2630", "player options", buttonArea);
  867.  
  868.     var bottomArea = newNode("span", "vpp_player_button_area_next", null, box);
  869.     new_button("prev", "\u140A\u140A", "play previous in page", bottomArea);
  870.     new_button("next", "\u1405\u1405", "play next in page", bottomArea);
  871.     //new_button("loop", "\u21BB", "repeat video", bottomArea);
  872.  
  873.     var mark = newNode("span", "vpp_player_close_mark", null, box);
  874.     mark.textContent = "\u2716";
  875.     mark.title = "close player";
  876.     mark.onclick = this.playerClose;
  877. }
  878.  
  879.  
  880. var player = null;
  881. if (pref_playerEnable) {
  882.     player = new build_player();
  883.     injectScript(null, 'https://www.youtube.com/iframe_api');
  884.     revealPlayerButton();
  885. }
  886.  
  887.  
  888. function player_close(e) {
  889.     if (!player) return;
  890.  
  891.     if (!e) {
  892.         player.playerClose();
  893.         return;
  894.     }
  895.  
  896.     if (!get_pref("playerClose")) return;
  897.  
  898.     if (e.artificialevent) return;
  899.     if (e.target.hasAttribute("button_kind")) return;
  900.  
  901.     var box = doc.getElementById("vpp_player_box");
  902.     if (!box) return;
  903.     if (box.style.visibility == "hidden") return;
  904.  
  905.     var r = box.getBoundingClientRect();
  906.  
  907.     if ((e.clientX < r.left) || (e.clientX > r.right) ||
  908.         (e.clientY < r.top) || (e.clientY > r.bottom))
  909.         player.playerClose();
  910. }
  911.  
  912.  
  913. function ytpause() {
  914.     injectScript("var a = document.getElementById('c4-player') || document.getElementById('movie_player');\
  915.                    if (a != null)\
  916.                       if (a.pauseVideo != null){\
  917.                           a.pauseVideo();\
  918.                       }\
  919.                   ");
  920. }
  921.  
  922.  
  923. //==================================================================
  924. // float player
  925.  
  926. //quality is default for faster upload, and youtube player is paused
  927. function float_script() {
  928.     injectScript("if (YT) { var fplayer = new YT.Player('vpp_float_frame');\
  929.                             fplayer.addEventListener('onReady',\
  930.                                    function () {\
  931.                                         var f = document.getElementById('vpp_float_frame');\
  932.                                         if (f) {\
  933.                                             fplayer.setPlaybackQualityRange('default');\
  934.                                             var a = document.getElementById('c4-player') || document.getElementById('movie_player');\
  935.                                             if (a != null)\
  936.                                                 if (a.pauseVideo != null){\
  937.                                                     a.pauseVideo();\
  938.                                                 }\
  939.                                         }\
  940.                                    });\
  941.                           }");
  942. }
  943.  
  944.  
  945. function float_open(e, check) {
  946.     //check tests if same url frame is already open
  947.     var float_width = 480; //512;
  948.     var float_height = 270; //288;
  949.  
  950.     if (doc.getElementById("vpp_player_frame")) return;
  951.  
  952.     var img = innersearch(e.target, "." + basic_str2).snapshotItem(0);
  953.     if (!img) return;
  954.     var vid = find_vid(img);
  955.     if (!vid) return;
  956.  
  957.     if (!check) {
  958.         float_delay_clear();
  959.         adjust_playing(e.target);
  960.     }
  961.  
  962.     var url = win.location.protocol + "//www.youtube.com/embed/" + vid + "?&autoplay=1&controls=1&iv_load_policy=3&rel=0&showinfo=1&version=3&enablejsapi=1";
  963.  
  964.     var frame = doc.getElementById("vpp_float_frame");
  965.     if (frame)
  966.         if (frame.src == url) return check;
  967.         else if (!check) frame.parentNode.removeChild(frame);
  968.  
  969.     if (check) return false;
  970.  
  971.     var box = doc.getElementById("vpp_float_box");
  972.     if (!box) {
  973.         box = newNode("div", "vpp_float_box", null, doc.body);
  974.         box.style.width = float_width + "px";
  975.         box.style.height = float_height + "px";
  976.         box.onmouseenter = float_delay_clear;
  977.         box.onmouseleave = float_close_delay;
  978.     }
  979.  
  980.     var w = win.innerWidth
  981.         || doc.documentElement.clientWidth
  982.         || doc.body.clientWidth;
  983.  
  984.     var h = win.innerHeight
  985.         || doc.documentElement.clientHeight
  986.         || doc.body.clientHeight;
  987.  
  988.     var r = e.target.getBoundingClientRect();
  989.  
  990.     var hpad = Math.round(-r.width / 3); //horizontal offset
  991.     var vpad = 0; //vertical offset
  992.  
  993.     //priority to right
  994.     var left = r.right + hpad;
  995.     if (left + float_width > w)
  996.         if (r.left - float_width - hpad >= 0 || r.left > w - r.right)
  997.             left = r.left - float_width - hpad;
  998.  
  999.     //priority to left
  1000.     //var left = r.left - float_width - pad;
  1001.     //if (left < 0)
  1002.     //    if ((r.right + float_width + pad <= w) || (w - r.right > r.left))
  1003.     //        left = r.right + pad;
  1004.  
  1005.     //priority to top
  1006.     var top = r.top - float_height - vpad;
  1007.     if (top < 0)
  1008.         if (r.bottom + float_height + vpad <= h || h - r.bottom > r.top)
  1009.             top = r.bottom + vpad;
  1010.  
  1011.     var scrollT = doc.body.scrollTop || doc.documentElement.scrollTop;
  1012.     var scrollL = doc.body.scrollLeft || doc.documentElement.scrollLeft;
  1013.     left += scrollL;
  1014.     top += scrollT;
  1015.  
  1016.     box.style.left = left + "px";
  1017.     box.style.top = top + "px";
  1018.  
  1019.     frame = newNode("iframe", "vpp_float_frame", null, box);
  1020.     frame.setAttribute("type", "text/html");
  1021.     frame.setAttribute("frameborder", "0");
  1022.     frame.src = url;
  1023.     float_script();
  1024. }
  1025.  
  1026.  
  1027. function float_close(e) {
  1028.     float_close_delay_clear();
  1029.     var box = doc.getElementById("vpp_float_box");
  1030.  
  1031.     function box_close() {
  1032.         box.parentNode.removeChild(box);
  1033.         adjust_playing();
  1034.     }
  1035.  
  1036.     //check if mouse was in the area
  1037.     if (!box) return;
  1038.     if (!e) box_close();
  1039.     else
  1040.         if (e.target != box)
  1041.             box_close();
  1042.         else { //player should not close if mouse is still inside
  1043.             var r = box.getBoundingClientRect();
  1044.  
  1045.             if ((e.clientX <= r.left + 1) || (e.clientX >= r.right - 1) ||
  1046.                 (e.clientY <= r.top + 1) || (e.clientY >= r.bottom - 1))
  1047.                 box_close();
  1048.         }
  1049. }
  1050.  
  1051. var float_open_timeout = null;
  1052. var float_close_timeout = null;
  1053.  
  1054. function float_delay_clear() {
  1055.     float_open_delay_clear();
  1056.     float_close_delay_clear();
  1057. }
  1058.  
  1059. function float_open_delay_clear() {
  1060.     win.clearTimeout(float_open_timeout);
  1061. }
  1062.  
  1063. function float_close_delay_clear() {
  1064.     win.clearTimeout(float_close_timeout);
  1065. }
  1066.  
  1067. function float_open_delay(e) {
  1068.     if (float_open(e, true)) {
  1069.         float_delay_clear();
  1070.     }
  1071.     else {
  1072.         float_open_delay_clear();
  1073.         var delay = get_pref("floatDelay") * 1000;
  1074.         float_open_timeout = win.setTimeout(float_open, delay, e);
  1075.     }
  1076. }
  1077.  
  1078. function float_close_delay(e) {
  1079.     float_delay_clear();
  1080.     float_close_timeout = win.setTimeout(float_close, 200, e);
  1081. }
  1082.  
  1083. function float_reset() {
  1084.     float_delay_clear();
  1085.     float_close();
  1086. }
  1087.  
  1088.  
  1089. //==================================================================
  1090. //meta data
  1091.  
  1092. function callback(json_txt, parent) {
  1093.     const params = new URLSearchParams(decodeURIComponent(json_txt));
  1094.  
  1095.     if (pref_defEnable && params.has("player_response")) {
  1096.         let max_res = 0;
  1097.         let max_quality_label = "";
  1098.  
  1099.         try {
  1100.             let formats = [];
  1101.             const player_response = JSON.parse(params.get("player_response"));
  1102.             if (player_response.streamingData.hasOwnProperty("formats")) {
  1103.                 formats = formats.concat(player_response.streamingData.formats);
  1104.             }
  1105.             if (player_response.streamingData.hasOwnProperty("adaptiveFormats")) {
  1106.                 formats = formats.concat(player_response.streamingData.adaptiveFormats);
  1107.             }
  1108.  
  1109.             for (let i = 0; i < formats.length; i++) {
  1110.                 const res = formats[i].width * formats[i].height;
  1111.                 if (res > max_res) {
  1112.                     max_res = res;
  1113.                     max_quality_label = formats[i].qualityLabel;
  1114.                 }
  1115.             }
  1116.         } catch(e) {console.log(e);}
  1117.  
  1118.         if(max_res != 0) {
  1119.             const def_node = newNode("span", null, "vpp_meta_def_container", parent);
  1120.             def_node.setAttribute("reveal", "true");
  1121.             parent.setAttribute("vpp_meta_def", "");
  1122.             def_node.title = max_quality_label;
  1123.             const node_hd = newNode("span", null, "vpp_meta_def_hd HD", def_node);
  1124.             node_hd.textContent =
  1125.                 max_res >= (15360 * 8640) ? "16K" :
  1126.                 max_res >= (7680 * 4320) ? "8K" :
  1127.                 max_res >= (2880 * 2160) ? "4K" :
  1128.                 max_res >= (960 * 1080) ? "1080p" :
  1129.                 max_res >= (640 * 720) ? "720p" : "SD";
  1130.         }
  1131.     }
  1132.  
  1133.     if (pref_rateEnable && params.has("watch_next_response")) {
  1134.         let likes = 0;
  1135.         let dislikes = 0;
  1136.         let views = 0;
  1137.  
  1138.         try {
  1139.             const contents = (JSON.parse(params.get("watch_next_response"))).contents.twoColumnWatchNextResults.results.results.contents;
  1140.             for (let i = 0; i < contents.length; i++) {
  1141.                 if (contents[i].hasOwnProperty("videoPrimaryInfoRenderer")) {
  1142.                     const ratio = contents[i].videoPrimaryInfoRenderer.sentimentBar.sentimentBarRenderer.tooltip.replace(/[^0-9\/]/g, "").split("/");
  1143.                     likes = parseInt(ratio[0]);
  1144.                     dislikes = parseInt(ratio[1]);
  1145.                     views = parseInt(contents[i].videoPrimaryInfoRenderer.viewCount.videoViewCountRenderer.viewCount.simpleText.replace(/[^0-9]/g, ""));
  1146.                     break;
  1147.                 }
  1148.             }
  1149.         } catch(e) {console.log(e);}
  1150.  
  1151.         if ((likes != 0) || (dislikes != 0)) {
  1152.             const rateBrief = newNode("div", null, "vpp_meta_rate", parent);
  1153.             const perc = 100 - Math.round(dislikes * 100.0 / (likes + dislikes));
  1154.             rateBrief.title = perc + "% likes: +" + Number(likes).toLocaleString() + "  -" + Number(dislikes).toLocaleString() + "\n" + Number(views).toLocaleString() + " views";
  1155.             parent.setAttribute("vpp_meta_rate", "");
  1156.  
  1157.             if (perc >= red_threshold) {
  1158.                 rateBrief.textContent = "\uD83D\uDC4D " + perc;
  1159.                 if (perc < orange_threshold) {
  1160.                     rateBrief.setAttribute("med", "true");
  1161.                 }
  1162.             }
  1163.             else {
  1164.                 rateBrief.textContent = "\uD83D\uDC4E " + perc;
  1165.                 rateBrief.setAttribute("bad", "true");
  1166.             }
  1167.         }
  1168.     }
  1169. }
  1170.  
  1171.  
  1172. function def_rate(v_id, parent) {
  1173.     if (pref_defEnable || pref_rateEnable) {
  1174.         const url = "https://www.youtube.com/get_video_info?video_id=" + v_id + "&el=detailpage";
  1175.         const oReq = new XMLHttpRequest();
  1176.         oReq.addEventListener("load", function(){callback(this.responseText, parent)});
  1177.         oReq.open("GET", url);
  1178.         oReq.send();
  1179.     }
  1180. }
  1181.  
  1182.  
  1183. function play(parent) {
  1184.     if (parent.hasAttribute("vpp_play_marked")) return;
  1185.  
  1186.     parent.setAttribute("vpp_play_marked", "true");
  1187.     var playArea = newNode("div", null, "vpp_play_button_container", parent);
  1188.     var playNode = newNode("a", null, "vpp_play_button", playArea);
  1189.     playNode.href = "javascript:;";
  1190.     playNode.target = "_self";
  1191.     playNode.title = "click to preview";
  1192.  
  1193.     function play_handle(e) {
  1194.         e.stopPropagation();
  1195.         float_reset();
  1196.  
  1197.         var parpar = e.target.parentNode.parentNode;
  1198.  
  1199.         if (innersearch(parpar, ".//*[@id='vpp_now_playing']").snapshotLength > 0)
  1200.             player_close();
  1201.         else {
  1202.             var img = innersearch(parpar, "." + basic_str2).snapshotItem(0);
  1203.             if (!img) return;
  1204.             var evid = find_vid(img);
  1205.             var epid = find_plist(img);
  1206.  
  1207.             player.playerShow(evid, epid, parpar);
  1208.             if (get_pref("playerPause")) ytpause();
  1209.         }
  1210.     }
  1211.  
  1212.     playNode.onclick = play_handle;
  1213. }
  1214.  
  1215.  
  1216. function float_setup(parent) {
  1217.     if (parent.hasAttribute("vpp_float_marked")) return;
  1218.  
  1219.     parent.setAttribute("vpp_float_marked", "true");
  1220.     parent.onmouseenter = float_open_delay;
  1221.     parent.onmouseleave = float_close_delay;
  1222. }
  1223.  
  1224.  
  1225. function find_vid(img) {
  1226.     var vid = filter(img.src, "vi/", "/&?#");
  1227.     if (!vid) vid = filter(img.src, "vi_webp/", "/&?#");
  1228.     return vid;
  1229. }
  1230.  
  1231.  
  1232. function find_plist(img) {
  1233.     var anc = innersearch(img, "ancestor-or-self::*[contains(@href,'&list=') and (.//*[contains(@class,'yt-pl-sidebar-content') or contains(@class,'ytd-thumbnail-overlay-side-panel-renderer')])]").snapshotItem(0);
  1234.     var plist = null;
  1235.     if (anc)
  1236.         plist = filter(anc.href, "list=", "/&?#");
  1237.  
  1238.     if (plist == 'WL') plist = null;
  1239.     return plist;
  1240. }
  1241.  
  1242.  
  1243. function in_video_page() {
  1244.     return (win.location.href.indexOf("watch?") >= 0);
  1245. }
  1246.  
  1247.  
  1248. function reset_meta_marked() {
  1249.     var reset_nodes = docsearch("//*[@vpp_meta_thumb_mark]");
  1250.     for (var j = 0; j < reset_nodes.snapshotLength; j++) {
  1251.         var rnode = reset_nodes.snapshotItem(j);
  1252.         if (rnode) {
  1253.             rnode.removeAttribute("vpp_meta_thumb_mark");
  1254.             rnode.removeAttribute("vpp_meta_rate");
  1255.             rnode.removeAttribute("vpp_meta_def");
  1256.             var inner_nodes = innersearch(rnode, ".//*[contains(@class,'vpp_meta')]");
  1257.             for (var k = 0; k < inner_nodes.snapshotLength; k++) {
  1258.                 var node = inner_nodes.snapshotItem(k);
  1259.                 if (node)
  1260.                     if (node.parentNode)
  1261.                         node.parentNode.removeChild(node);
  1262.             }
  1263.         }
  1264.     }
  1265. }
  1266.  
  1267.  
  1268. function meta_data(start_count) {
  1269.     if (pref_defEnable || pref_rateEnable || pref_playerEnable || pref_floatEnable) {
  1270.         //video page
  1271.         if ((pref_defEnable || pref_rateEnable) && in_video_page()) {
  1272.             var wvid = filter(win.location.href, "v=", "?&#");
  1273.             if (wvid) {
  1274.                 var par = doc.getElementById("vpp_meta_box");
  1275.                 if (par && start_count == 0) {
  1276.                     par.parentNode.removeChild(par);
  1277.                     par = null;
  1278.                 }
  1279.                 if (!par) {
  1280.                     var target = doc.getElementById("gridtube_title_container");
  1281.                     if (!target) {
  1282.                         //var pp = doc.getElementById("watch7-user-header");
  1283.                         var pp = doc.getElementById("watch-header") || docsearch("//ytd-video-primary-info-renderer").snapshotItem(0); //OLD||NEW
  1284.                         if (pp) target = newNode("span", "gridtube_title_container", null, pp);
  1285.                     }
  1286.                     if (target) {
  1287.                         par = newNode("span", 'vpp_meta_box', null, target);
  1288.                         def_rate(wvid, par);
  1289.                     }
  1290.                 }
  1291.             }
  1292.         }
  1293.  
  1294.         //thumbs
  1295.         var start_delay = 2; //cycle delay to erase old data from thumbs
  1296.  
  1297.         //reset marked at new page
  1298.         if (start_count < start_delay) reset_meta_marked();
  1299.  
  1300.         var vid_str = !NEWYT ? "//*[" + basic_str + " and (not(.//img[@data-thumb])) and (not(@vpp_meta_thumb_mark))]"
  1301.             : "//*[" + basic_str + " and (.//img[@src]) and (not(@vpp_meta_thumb_mark))]";
  1302.  
  1303.         var p = docsearch(vid_str);
  1304.         for (var i = 0; i < p.snapshotLength; i++) {
  1305.             var parent = p.snapshotItem(i);
  1306.             if (start_count >= start_delay) parent.setAttribute('vpp_meta_thumb_mark', 'true');
  1307.             var img = innersearch(parent, "." + basic_str2).snapshotItem(0);
  1308.             if (!img) continue;
  1309.  
  1310.             var vid = find_vid(img);
  1311.  
  1312.             //definition and rating
  1313.             if (vid) {//video or playlist
  1314.                 if (pref_defEnable || pref_rateEnable)
  1315.                     if (start_count >= start_delay)
  1316.                         def_rate(vid, parent);
  1317.                 //for float
  1318.                 if (pref_floatEnable) {
  1319.                     float_setup(parent);
  1320.                 }
  1321.             }
  1322.  
  1323.             //play button
  1324.             if (pref_playerEnable) {
  1325.                 if (vid || (!vid && find_plist(img)))
  1326.                     play(parent);
  1327.             }
  1328.         }
  1329.     }
  1330. }
  1331.  
  1332. //==================================================================
  1333. // Main
  1334.  
  1335. //insert styles
  1336. insertStyle(style_basic, "vpp_style_basic");
  1337.  
  1338. if (pref_playerEnable) //hide overlay of playlist
  1339.     insertStyle(".yt-pl-thumb-overlay, ytd-thumbnail-overlay-hover-text-renderer {display:none !important;}", "vpp_style_list_overlay");//OLD,NEW
  1340.  
  1341. var old_addr = win.location.href;
  1342. var nochanges_count = -1;
  1343. var start_count = -1; //not used now
  1344.  
  1345. win.addEventListener("resize", function () { nochanges_count = -1; }, false);
  1346. win.addEventListener("scroll", function () { nochanges_count = -1; }, false);
  1347. win.addEventListener("click", function (e) { nochanges_count = -1; player_close(e); }, false);
  1348.  
  1349. //main routine
  1350. function check_changes() {
  1351.     if (old_addr == win.location.href) {
  1352.         if (nochanges_count < 20) nochanges_count++;
  1353.         if (start_count < 20) start_count++;
  1354.     }
  1355.     else {
  1356.         nochanges_count = 0;
  1357.         start_count = 0;
  1358.         old_addr = win.location.href;
  1359.  
  1360.         float_reset();
  1361.         player_close();
  1362.         pref_popup_close();
  1363.     }
  1364.  
  1365.     if (nochanges_count >= 20) return;
  1366.  
  1367.     pref_button();
  1368.     meta_data(start_count);
  1369. }
  1370.  
  1371. win.setInterval(check_changes, 1000);
  1372. check_changes();