Resize YT To Window Size

Moves the video to the top of the website and resizes it to the screen size.

目前為 2015-03-03 提交的版本,檢視 最新版本

  1. // ==UserScript==
  2. // @name Resize YT To Window Size
  3. // @description Moves the video to the top of the website and resizes it to the screen size.
  4. // @author Chris H (Zren / Shade)
  5. // @icon https://youtube.com/favicon.ico
  6. // @homepageURL https://github.com/Zren/ResizeYoutubePlayerToWindowSize/
  7. // @namespace http://xshade.ca
  8. // @version 56
  9. // @include http*://*.youtube.com/*
  10. // @include http*://youtube.com/*
  11. // @include http*://*.youtu.be/*
  12. // @include http*://youtu.be/*
  13. // ==/UserScript==
  14.  
  15. // Github: https://github.com/Zren/ResizeYoutubePlayerToWindowSize
  16. // GreasyFork: https://gf.qytechs.cn/scripts/811-resize-yt-to-window-size
  17. // OpenUserJS.org: https://openuserjs.org/scripts/zren/Resize_YT_To_Window_Size
  18. // Userscripts.org: http://userscripts-mirror.org/scripts/show/153699
  19.  
  20. (function (window) {
  21. "use strict";
  22. //--- Imported Globals
  23. // yt
  24. // ytcenter
  25. // ytplayer
  26. var uw = window.top;
  27.  
  28. //--- Already Loaded?
  29. // GreaseMonkey loads this script twice for some reason.
  30. if (uw.ytwp) return;
  31.  
  32. //--- Utils
  33. function isStringType(obj) { return typeof obj === 'string'; }
  34. function isArrayType(obj) { return obj instanceof Array; }
  35. function isObjectType(obj) { return typeof obj === 'object'; }
  36. function isUndefined(obj) { return typeof obj === 'undefined'; }
  37. function buildVenderPropertyDict(propertyNames, value) {
  38. var d = {};
  39. for (var i in propertyNames)
  40. d[propertyNames[i]] = value;
  41. return d;
  42. }
  43.  
  44. //--- jQuery
  45. // Based on jQuery
  46. // https://github.com/jquery/jquery/blob/master/src/manipulation.js
  47. var core_rnotwhite = /\S+/g;
  48. var rclass = /[\t\r\n\f]/g;
  49. var rtrim = /^(\s|\u00A0)+|(\s|\u00A0)+$/g;
  50.  
  51. var jQuery = {
  52. trim: function( text ) {
  53. return (text || "").replace( rtrim, "" );
  54. },
  55. addClass: function( elem, value ) {
  56. var classes, cur, clazz, j,
  57. proceed = typeof value === "string" && value;
  58.  
  59. if ( proceed ) {
  60. // The disjunction here is for better compressibility (see removeClass)
  61. classes = ( value || "" ).match( core_rnotwhite ) || [];
  62.  
  63. cur = elem.nodeType === 1 && ( elem.className ?
  64. ( " " + elem.className + " " ).replace( rclass, " " ) :
  65. " "
  66. );
  67.  
  68. if ( cur ) {
  69. j = 0;
  70. while ( (clazz = classes[j++]) ) {
  71. if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
  72. cur += clazz + " ";
  73. }
  74. }
  75. elem.className = jQuery.trim( cur );
  76. }
  77. }
  78. },
  79. removeClass: function( elem, value ) {
  80. var classes, cur, clazz, j,
  81. proceed = arguments.length === 0 || typeof value === "string" && value;
  82.  
  83. if ( proceed ) {
  84. classes = ( value || "" ).match( core_rnotwhite ) || [];
  85.  
  86. // This expression is here for better compressibility (see addClass)
  87. cur = elem.nodeType === 1 && ( elem.className ?
  88. ( " " + elem.className + " " ).replace( rclass, " " ) :
  89. ""
  90. );
  91.  
  92. if ( cur ) {
  93. j = 0;
  94. while ( (clazz = classes[j++]) ) {
  95. // Remove *all* instances
  96. while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
  97. cur = cur.replace( " " + clazz + " ", " " );
  98. }
  99. }
  100. elem.className = value ? jQuery.trim( cur ) : "";
  101. }
  102. }
  103. }
  104. };
  105.  
  106.  
  107. //--- Stylesheet
  108. var JSStyleSheet = function(id) {
  109. this.id = id;
  110. this.stylesheet = '';
  111. };
  112.  
  113. JSStyleSheet.prototype.buildRule = function(selector, styles) {
  114. var s = "";
  115. for (var key in styles) {
  116. s += "\t" + key + ": " + styles[key] + ";\n";
  117. }
  118. return selector + " {\n" + s + "}\n";
  119. };
  120.  
  121. JSStyleSheet.prototype.appendRule = function(selector, k, v) {
  122. if (isArrayType(selector))
  123. selector = selector.join(',\n');
  124. var newStyle;
  125. if (!isUndefined(k) && !isUndefined(v) && isStringType(k)) { // v can be any type (as we stringify it).
  126. // appendRule('#blarg', 'display', 'none');
  127. var d = {};
  128. d[k] = v;
  129. newStyle = this.buildRule(selector, d);
  130. } else if (!isUndefined(k) && isUndefined(v) && isObjectType(k)) {
  131. // appendRule('#blarg', {'display': 'none'});
  132. newStyle = this.buildRule(selector, k);
  133. } else {
  134. // Invalid Arguments
  135. console.log('Illegal arguments', arguments);
  136. return;
  137. }
  138.  
  139. this.stylesheet += newStyle;
  140. };
  141.  
  142. JSStyleSheet.injectIntoHeader = function(injectedStyleId, stylesheet) {
  143. var styleElement = document.getElementById(injectedStyleId);
  144. if (!styleElement) {
  145. styleElement = document.createElement('style');
  146. styleElement.type = 'text/css';
  147. styleElement.id = injectedStyleId;
  148. document.getElementsByTagName('head')[0].appendChild(styleElement);
  149. }
  150. styleElement.appendChild(document.createTextNode(stylesheet));
  151. };
  152.  
  153. JSStyleSheet.prototype.injectIntoHeader = function(injectedStyleId, stylesheet) {
  154. JSStyleSheet.injectIntoHeader(this.id, this.stylesheet);
  155. };
  156.  
  157. //--- Constants
  158. var scriptShortName = 'ytwp'; // YT Window Player
  159. var scriptStyleId = scriptShortName + '-style'; // ytwp-style
  160. var scriptBodyClassId = scriptShortName + '-window-player'; // .ytwp-window-player
  161. var viewingVideoClassId = scriptShortName + '-viewing-video'; // .ytwp-viewing-video
  162. var topOfPageClassId = scriptShortName + '-scrolltop'; // .ytwp-scrolltop
  163. var scriptBodyClassSelector = 'body.' + scriptBodyClassId; // body.ytwp-window-player
  164.  
  165. var videoContainerId = 'player';
  166. var videoContainerPlacemarkerId = scriptShortName + '-placemarker'; // ytwp-placemarker
  167.  
  168. var transitionProperties = ["transition", "-ms-transition", "-moz-transition", "-webkit-transition", "-o-transition"];
  169.  
  170. //--- YTWP
  171. var ytwp = uw.ytwp = {
  172. scriptShortName: scriptShortName, // YT Window Player
  173. log_: function(logger, args) { logger.apply(console, ['[' + this.scriptShortName + '] '].concat(Array.prototype.slice.call(args))); return 1; },
  174. log: function() { return this.log_(console.log, arguments); },
  175. error: function() { return this.log_(console.error, arguments); },
  176.  
  177. initialized: false,
  178. pageReady: false,
  179. watchPage: false,
  180. };
  181.  
  182. ytwp.util = {
  183. isWatchUrl: function (url) {
  184. if (!url)
  185. url = uw.location.href;
  186. return url.match(/https?:\/\/(www\.)?youtube.com\/watch\?/);
  187. }
  188. };
  189.  
  190. var Html5PlayerFix = {
  191. YTRect: null,
  192. YTApplication: null,
  193. playerInstances: null,
  194. moviePlayer: null,
  195. moviePlayerElement: null,
  196. app: null,
  197. };
  198. Html5PlayerFix.getPlayerRect = function() {
  199. return new Html5PlayerFix.YTRect(Html5PlayerFix.moviePlayerElement.clientWidth, Html5PlayerFix.moviePlayerElement.clientHeight);
  200. };
  201. Html5PlayerFix.getApplicationClass = function() {
  202. if (Html5PlayerFix.YTApplication === null) {
  203. var testEl = document.createElement('div');
  204. var testAppInstance = uw.yt.player.Application.create(testEl, {});
  205. Html5PlayerFix.YTApplication = testAppInstance.constructor;
  206.  
  207. // Cleanup testAppInstance
  208. var playerInstances = Html5PlayerFix.getPlayerInstances();
  209.  
  210. var testAppInstanceKey = null;
  211. Object.keys(playerInstances).forEach(function(key) {
  212. if (playerInstances[key] === testAppInstance) {
  213. testAppInstanceKey = key;
  214. }
  215. });
  216. testAppInstance.dispose();
  217. delete playerInstances[testAppInstanceKey];
  218. }
  219.  
  220.  
  221. return Html5PlayerFix.YTApplication;
  222. };
  223. Html5PlayerFix.getPlayerInstances = function() {
  224. if (Html5PlayerFix.playerInstances === null) {
  225. var YTApplication = Html5PlayerFix.getApplicationClass();
  226. if (YTApplication === null)
  227. return null;
  228.  
  229. // Use yt.player.Application.create to find the playerInstancesKey.
  230. // function (a,b){try{var c=U7.A(a);if(U7.j[c]){try{U7.j[c].dispose()}catch(d){Sf(d)}U7.j[c]=null}var e=new U7(a,b);ti(e,function(){U7.j[c]=null});return U7.j[c]=e}catch(g){throw Sf(g),g;}}
  231. var appCreateRegex = /^^function \(\w+,\w+\)\{try\{var \w+=\w+\.\w+\(\w+\);if\(\w+\.(\w+)\[\w+\]\)/;
  232. var fnString = yt.player.Application.create.toString();
  233. var m = appCreateRegex.exec(fnString);
  234. if (m) {
  235. var playerInstancesKey = m[1];
  236. Html5PlayerFix.playerInstances = YTApplication[playerInstancesKey];
  237. } else {
  238. ytwp.error('Error trying to find playerInstancesKey.', fnString);
  239. }
  240. Html5PlayerFix.playerInstances = YTApplication.j;
  241. }
  242.  
  243. return Html5PlayerFix.playerInstances;
  244. };
  245. Html5PlayerFix.getPlayerInstance = function() {
  246. if (!ytwp.ytapp) {
  247. var playerInstances = Html5PlayerFix.getPlayerInstances();
  248. ytwp.log('playerInstances', playerInstances);
  249. var appInstance = null;
  250. var appInstanceKey = null;
  251. Object.keys(playerInstances).forEach(function(key) {
  252. appInstanceKey = key;
  253. appInstance = playerInstances[key];
  254. });
  255. ytwp.ytapp = appInstance;
  256. }
  257. return ytwp.ytapp;
  258. };
  259. Html5PlayerFix.autohideControls = function() {
  260. var moviePlayerElement = document.getElementById('movie_player');
  261. if (!moviePlayerElement) return;
  262. // ytwp.log(moviePlayerElement.classList);
  263. jQuery.removeClass(moviePlayerElement, 'autohide-controlbar autominimize-controls-aspect autohide-controls-fullscreenonly autohide-controls hide-controls-when-cued autominimize-progress-bar autominimize-progress-bar-fullscreenonly autohide-controlbar-fullscreenonly autohide-controls-aspect autohide-controls-fullscreen autominimize-progress-bar-non-aspect');
  264. jQuery.addClass(moviePlayerElement, 'autominimize-progress-bar autohide-controls hide-controls-when-cued');
  265. // ytwp.log(moviePlayerElement.classList);
  266. };
  267. Html5PlayerFix.update = function(app) {
  268. if (!app)
  269. return;
  270.  
  271. var moviePlayerElement = document.getElementById('movie_player');
  272. var moviePlayer = null;
  273. var moviePlayerKey = null;
  274.  
  275. // function (){var a=this.j.W();return"detailpage"!=a.ja||a.hb?F8.K.wb.call(this):A6(a,!0)}
  276. var clientRectFn1Regex = /^(function \(\)\{var a=this\.\w+\.\w+\(\);return"detailpage"!=a\.\w+).+(:\w+\(a,!0\)\})$/;
  277. var clientRectFn1 = null;
  278. var clientRectFn1Key = null;
  279.  
  280.  
  281. // function (){var a=this.app.R();return"detailpage"!=a.da||a.Za?R7.J.hb.call(this):L5(a)}
  282. var clientRectFn2Regex = /^(function \(\)\{var a=this\.\w+\.\w+\(\);return"detailpage"!=a\.\w+).+(:\w+\(a\)\})$/;
  283. var clientRectFn2 = null;
  284. var clientRectFn2Key = null;
  285.  
  286. // function (){L7.J.jk.call(this);N7(this,this.hb())}
  287. // var clientRectUpdateFnRegex = /^function \(\)\{\w+\.\w+\.\w+\.call\(this\);\w+\(this,this\.\w+\(\)\)\}$/;
  288. // var clientRectUpdateFn = null;
  289. // var clientRectUpdateFnKey = null;
  290.  
  291. var fnAlreadyReplacedCount = 0;
  292.  
  293. Object.keys(app).forEach(function(key1) {
  294. var val1 = app[key1];//console.log(key1, val1);
  295. if (typeof val1 === 'object' && val1 !== null && val1.element === moviePlayerElement) {
  296. moviePlayer = val1;
  297. moviePlayerKey = key1;
  298.  
  299. Object.keys(moviePlayer.constructor.prototype).forEach(function(key2) {
  300. var val2 = moviePlayer[key2];//console.log(key1, key2, val2);
  301. if (typeof val2 === 'function') {
  302. var fnString = val2.toString();
  303. // console.log(fnString);
  304. if (clientRectFn1 === null && clientRectFn1Regex.test(fnString)) {
  305. clientRectFn1 = val2;
  306. clientRectFn1Key = key2;
  307. } else if (clientRectFn2 === null && clientRectFn2Regex.test(fnString)) {
  308. clientRectFn2 = val2;
  309. clientRectFn2Key = key2;
  310. // } else if (clientRectUpdateFn === null && clientRectUpdateFnRegex.test(fnString)) {
  311. // clientRectUpdateFn = val2;
  312. // clientRectUpdateFnKey = key2;
  313. } else if (val2 === Html5PlayerFix.getPlayerRect) {
  314. fnAlreadyReplacedCount += 1;
  315. } else {
  316. // console.log(key1, key2, val2, '[Not Used]');
  317. }
  318. }
  319. });
  320. }
  321. });
  322.  
  323. if (fnAlreadyReplacedCount > 0) {
  324. return;
  325. }
  326.  
  327. if (moviePlayer === null || clientRectFn1 === null || clientRectFn2 === null /*|| clientRectUpdateFn === null*/) {
  328. console.log('[ytwp] ', '[Error]', 'HTML5 Player has changed');
  329. console.log('moviePlayer', moviePlayerKey, moviePlayer);
  330. console.log('clientRectFn1', clientRectFn1Key, clientRectFn1);
  331. console.log('clientRectFn2', clientRectFn2Key, clientRectFn2);
  332. // console.log('clientRectUpdateFn', clientRectUpdateFnKey, clientRectUpdateFn);
  333. console.log('fnAlreadyReplacedCount', fnAlreadyReplacedCount);
  334. return;
  335. }
  336. Html5PlayerFix.moviePlayerElement = moviePlayerElement;
  337. Html5PlayerFix.YTRect = moviePlayer[clientRectFn1Key].call(moviePlayer).constructor;
  338.  
  339. moviePlayer[clientRectFn1Key] = Html5PlayerFix.getPlayerRect;
  340. moviePlayer[clientRectFn2Key] = Html5PlayerFix.getPlayerRect;
  341. //clientRectUpdateFn();
  342. };
  343. ytwp.Html5PlayerFix = Html5PlayerFix;
  344.  
  345. ytwp.event = {
  346. init: function() {
  347. ytwp.log('init');
  348. if (ytwp.initialized) return;
  349.  
  350. ytwp.isWatchPage = ytwp.util.isWatchUrl();
  351. if (!ytwp.isWatchPage) return;
  352.  
  353. ytwp.event.initStyle();
  354. ytwp.event.initScroller();
  355. ytwp.initialized = true;
  356. ytwp.pageReady = false;
  357. },
  358. initScroller: function() {
  359. // Register listener & Call it now.
  360. unsafeWindow.addEventListener('scroll', ytwp.event.onScroll, false);
  361. unsafeWindow.addEventListener('resize', ytwp.event.onScroll, false);
  362. ytwp.event.onScroll();
  363. },
  364. onScroll: function() {
  365. var viewportHeight = document.documentElement.clientHeight;
  366.  
  367. // topOfPageClassId
  368. if (unsafeWindow.scrollY == 0) {
  369. jQuery.addClass(document.body, topOfPageClassId);
  370. } else {
  371. jQuery.removeClass(document.body, topOfPageClassId);
  372. }
  373.  
  374. // viewingVideoClassId
  375. if (unsafeWindow.scrollY <= viewportHeight) {
  376. jQuery.addClass(document.body, viewingVideoClassId);
  377. } else {
  378. jQuery.removeClass(document.body, viewingVideoClassId);
  379. }
  380. },
  381. initStyle: function() {
  382. ytwp.log('initStyle');
  383. ytwp.style = new JSStyleSheet(scriptStyleId);
  384. ytwp.event.buildStylesheet();
  385. ytwp.style.injectIntoHeader();
  386. },
  387. buildStylesheet: function() {
  388. ytwp.log('buildStylesheet');
  389. //--- Video Player
  390.  
  391. //
  392. var d;
  393. d = buildVenderPropertyDict(transitionProperties, 'left 0s linear, padding-left 0s linear');
  394. d['padding'] = '0 !important';
  395. d['margin'] = '0 !important';
  396. ytwp.style.appendRule([
  397. scriptBodyClassSelector + ' #player',
  398. scriptBodyClassSelector + '.ytcenter-site-center.ytcenter-non-resize.ytcenter-guide-visible #player',
  399. scriptBodyClassSelector + '.ltr.ytcenter-site-center.ytcenter-non-resize.ytcenter-guide-visible.guide-collapsed #player',
  400. scriptBodyClassSelector + '.ltr.ytcenter-site-center.ytcenter-non-resize.ytcenter-guide-visible.guide-collapsed #player-legacy',
  401. scriptBodyClassSelector + '.ltr.ytcenter-site-center.ytcenter-non-resize.ytcenter-guide-visible.guide-collapsed #watch7-main-container',
  402. ], d);
  403. //
  404. d = buildVenderPropertyDict(transitionProperties, 'width 0s linear, left 0s linear');
  405.  
  406. // Bugfix for Firefox
  407. // Parts of the header (search box) are hidden under the player.
  408. // Firefox doesn't seem to be using the fixed header+guide yet.
  409. d['float'] = 'initial';
  410.  
  411. ytwp.style.appendRule(scriptBodyClassSelector + ' #player-api', d);
  412.  
  413. // !important is mainly for simplicity, but is needed to override the !important styling when the Guide is open due to:
  414. // .sidebar-collapsed #watch7-video, .sidebar-collapsed #watch7-main, .sidebar-collapsed .watch7-playlist { width: 945px!important; }
  415. // Also, Youtube Center resizes #player at element level.
  416. ytwp.style.appendRule(
  417. [
  418. scriptBodyClassSelector + ' #player',
  419. scriptBodyClassSelector + ' #movie_player',
  420. scriptBodyClassSelector + ' #player-mole-container',
  421. scriptBodyClassSelector + ' .html5-main-video',
  422. ],
  423. {
  424. 'width': '100% !important',
  425. 'min-width': '100% !important',
  426. 'max-width': '100% !important',
  427. 'height': '100% !important',
  428. 'min-height': '100% !important',
  429. 'max-height': '100% !important',
  430. }
  431. );
  432.  
  433. ytwp.style.appendRule(
  434. [
  435. scriptBodyClassSelector + ' #player',
  436. scriptBodyClassSelector + ' .html5-main-video',
  437. ],
  438. {
  439. 'top': '0 !important',
  440. 'right': '0 !important',
  441. 'bottom': '0 !important',
  442. 'left': '0 !important',
  443. }
  444. );
  445. // Resize #player-unavailable, #player-api
  446. // Using min/max width/height will keep
  447. ytwp.style.appendRule(scriptBodyClassSelector + ' #player .player-width', 'width', '100% !important');
  448. ytwp.style.appendRule(scriptBodyClassSelector + ' #player .player-height', 'height', '100% !important');
  449.  
  450. //--- Move Video Player
  451. ytwp.style.appendRule(scriptBodyClassSelector + ' #player', {
  452. 'position': 'absolute',
  453. // Already top:0; left: 0;
  454. });
  455. ytwp.style.appendRule(scriptBodyClassSelector, { // body
  456. 'margin-top': '100vh',
  457. });
  458.  
  459.  
  460. //--- Sidebar
  461. // Remove the transition delay as you can see it moving on page load.
  462. d = buildVenderPropertyDict(transitionProperties, 'margin-top 0s linear, padding-top 0s linear');
  463. d['margin-top'] = '0 !important';
  464. d['top'] = '0 !important';
  465. ytwp.style.appendRule(scriptBodyClassSelector + ' #watch7-sidebar', d);
  466.  
  467. ytwp.style.appendRule(scriptBodyClassSelector + '.cardified-page #watch7-sidebar-contents', 'padding-top', '0');
  468.  
  469. //--- Absolutely position the fixed header.
  470. // Masthead
  471. ytwp.style.appendRule(scriptBodyClassSelector + '.' + viewingVideoClassId + ' #masthead-positioner', {
  472. 'position': 'absolute',
  473. 'top': '100% !important'
  474. });
  475.  
  476. // Guide
  477. // When watching the video, we need to line it up with the masthead.
  478. ytwp.style.appendRule(scriptBodyClassSelector + '.' + viewingVideoClassId + ' #appbar-guide-menu', {
  479. 'display': 'initial',
  480. 'position': 'absolute',
  481. 'top': '100% !important' // Masthead height
  482. });
  483. ytwp.style.appendRule(scriptBodyClassSelector + '.' + viewingVideoClassId + ' #page.watch #guide', {
  484. 'display': 'initial',
  485. 'margin': '0',
  486. 'position': 'initial'
  487. });
  488.  
  489. //---
  490. // Hide Scrollbars
  491. ytwp.style.appendRule(scriptBodyClassSelector + '.' + topOfPageClassId, 'overflow-x', 'hidden');
  492.  
  493.  
  494. //--- Fix Other Possible Style Issues
  495.  
  496. ytwp.style.appendRule(scriptBodyClassSelector + ' .skip-nav', 'display', 'none');
  497.  
  498. //--- Whitespace Leftover From Moving The Video
  499. ytwp.style.appendRule(scriptBodyClassSelector + ' #page.watch', 'padding-top', '0');
  500. ytwp.style.appendRule(scriptBodyClassSelector + ' .player-branded-banner', 'height', '0');
  501.  
  502. //--- Playlist Bar
  503. //ytwp.style.appendRule(scriptBodyClassSelector + ' #watch7-playlist-tray-container', "margin", "-15px -10px 20px -10px");
  504. ytwp.style.appendRule(scriptBodyClassSelector + ' .watch7-playlist-bar-left', 'width', '640px !important'); // Same width as .watch-content
  505. ytwp.style.appendRule([
  506. scriptBodyClassSelector + ' .playlist',
  507. scriptBodyClassSelector + ' .playlist .watch7-playlist-bar',
  508. ], 'max-width', '1040px'); // Same width as .watch-content (640px) + .watch-sidebar (300-400px).
  509. ytwp.style.appendRule(scriptBodyClassSelector + ' #watch7-playlist-tray-container', {
  510. "margin-top": "-15px",
  511. "height": "287px !important", // 65 (playlist tile) * 4 + 27 (trim on bottom)
  512. "margin-bottom": "15px"
  513. });
  514. ytwp.style.appendRule([
  515. scriptBodyClassSelector + '.cardified-page #watch7-playlist-tray-container + #watch7-sidebar-contents', // Pre Oct 26
  516. scriptBodyClassSelector + '.cardified-page #watch-appbar-playlist + #watch7-sidebar-contents', // Post Oct 26
  517. ], 'padding-top', '15px');
  518.  
  519. // YT Center
  520. ytwp.style.appendRule(scriptBodyClassSelector + ' #player', 'margin-bottom', '0 !important');
  521. ytwp.style.appendRule(scriptBodyClassSelector + ' #watch7-playlist-tray-container', {
  522. 'left': 'initial !important',
  523. 'width': 'initial !important'
  524. });
  525. ytwp.style.appendRule(scriptBodyClassSelector + ' .watch7-playlist-bar-right', 'width', '363px !important');
  526. },
  527. onWatchInit: function() {
  528. ytwp.log('onWatchInit');
  529. if (!ytwp.initialized) return;
  530. if (ytwp.pageReady) return;
  531.  
  532. ytwp.event.addBodyClass();
  533. ytwp.pageReady = true;
  534. },
  535. onDispose: function() {
  536. ytwp.log('onDispose');
  537. ytwp.initialized = false;
  538. ytwp.pageReady = false;
  539. ytwp.isWatchPage = false;
  540. ytwp.ytapp = null;
  541. },
  542. addBodyClass: function() {
  543. // Insert CSS Into the body so people can style around the effects of this script.
  544. jQuery.addClass(document.body, scriptBodyClassId);
  545. ytwp.log('Applied ' + scriptBodyClassSelector);
  546. },
  547. html5PlayerFix: function() {
  548. ytwp.log('html5PlayerFix');
  549.  
  550. // https://github.com/YePpHa/YouTubeCenter/issues/1083
  551. if (!uw.ytcenter
  552. && (!ytwp.ytapp)
  553. && (uw.ytplayer && uw.ytplayer.config)
  554. && (uw.yt && uw.yt.player && uw.yt.player.Application && uw.yt.player.Application.create)
  555. ) {
  556. ytwp.ytapp = Html5PlayerFix.getPlayerInstance();
  557. return;
  558. if (document.querySelectorAll('#movie_player').length > 0)
  559. return;
  560. ytwp.log('rerunning ytplayer.load()');
  561. // Since we have to reload the player anyways, might as well set some useful settings.
  562. uw.ytplayer.config.args.autohide = 1; // Autohide the playback control bar.
  563. // Next 2 lines are equivalent to: ytplayer.load();
  564. ytwp.log(document.querySelectorAll('#movie_player'));
  565. ytwp.ytapp = uw.yt.player.Application.create("player-api", uw.ytplayer.config);
  566. ytwp.log(document.querySelectorAll('#movie_player'));
  567. uw.ytplayer.config.loaded = true;
  568. }
  569.  
  570. Html5PlayerFix.update(ytwp.ytapp);
  571. Html5PlayerFix.autohideControls();
  572. },
  573. };
  574.  
  575.  
  576. ytwp.pubsubListeners = {
  577. 'init': function() { // Not always called
  578. ytwp.event.init();
  579. ytwp.event.onWatchInit();
  580. ytwp.event.html5PlayerFix();
  581. },
  582. 'init-watch': function() { // Not always called
  583. ytwp.event.init();
  584. ytwp.event.onWatchInit();
  585. ytwp.event.html5PlayerFix();
  586. },
  587. 'player-added': function() { // Not always called
  588. // Usually called after init-watch, however this is called before init when going from channel -> watch page.
  589. // The init event is when the body element resets all it's classes.
  590. ytwp.event.init();
  591. ytwp.event.onWatchInit();
  592. ytwp.event.html5PlayerFix();
  593. },
  594. // 'player-resize': function() {},
  595. // 'player-playback-start': function() {},
  596. 'appbar-guide-delay-load': function() {
  597. // Listen to a later event that is always called in case the others are missed.
  598. ytwp.event.init();
  599. ytwp.event.onWatchInit();
  600.  
  601. // Channel -> /watch
  602. if (ytwp.util.isWatchUrl())
  603. ytwp.event.addBodyClass();
  604. },
  605. // 'dispose-watch': function() {},
  606. 'dispose': function() {
  607. ytwp.event.onDispose();
  608. }
  609. };
  610.  
  611. ytwp.registerYoutubeListeners = function() {
  612. ytwp.registerYoutubePubSubListeners();
  613. };
  614.  
  615. ytwp.registerYoutubePubSubListeners = function() {
  616. // Subscribe
  617. for (var eventName in ytwp.pubsubListeners) {
  618. var eventListener = ytwp.pubsubListeners[eventName];
  619. uw.yt.pubsub.instance_.subscribe(eventName, eventListener);
  620. }
  621. };
  622.  
  623. ytwp.main = function() {
  624. try {
  625. ytwp.registerYoutubeListeners();
  626. } catch(e) {
  627. ytwp.error("Could not hook yt.pubsub", e);
  628. setTimeout(ytwp.main, 1000);
  629. }
  630. ytwp.event.html5PlayerFix();
  631. ytwp.event.init();
  632. ytwp.event.onWatchInit();
  633. };
  634.  
  635. ytwp.main();
  636. })(typeof unsafeWindow !== 'undefined' ? unsafeWindow : window);

QingJ © 2025

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