☰

YouTube Auto Buffer & Auto HD

Buffers the video without autoplaying and puts it in HD if the option is on. For Firefox, Opera, & Chrome

目前为 2014-04-24 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name          YouTube Auto Buffer & Auto HD
  3. // @namespace     http://userscripts.org/users/23652
  4. // @description   Buffers the video without autoplaying and puts it in HD if the option is on. For Firefox, Opera, & Chrome
  5. // @icon          https://raw.github.com/joesimmons/YouTube---Auto-Buffer---Auto-HD/master/media/logo-64x64.png
  6. // @include       http://*.youtube.com/*
  7. // @include       http://youtube.com/*
  8. // @include       https://*.youtube.com/*
  9. // @include       https://youtube.com/*
  10. // @copyright     JoeSimmons
  11. // @author        JoeSimmons
  12. // @version       1.2.87
  13. // @license       GPL version 3 or any later version; http://www.gnu.org/copyleft/gpl.html
  14. // @require       http://userscripts.org/scripts/source/49700.user.js?name=GM_config
  15. // @require       https://raw.github.com/joesimmons/jsl/master/versions/jsl-1.3.1.js
  16. // @require       http://userscripts.org/scripts/source/186053.user.js?name=YouTube_Button_Container
  17. // @require       http://userscripts.org/scripts/source/419926.user.js?name=YouTube_Disable_Red_Bar
  18. //@require       http://usocheckup.dune.net/49366.js
  19. // @grant         GM_info
  20. // @grant         GM_getValue
  21. // @grant         GM_log
  22. // @grant         GM_openInTab
  23. // @grant         GM_registerMenuCommand
  24. // @grant         GM_setValue
  25. // @grant         GM_xmlhttpRequest
  26. // ==/UserScript==
  27.  
  28. /* CHANGELOG
  29.  
  30. 1.2.87 (1/22/2014)
  31.     - fixed odd internal error that made the player not show
  32.     - fixed problem with "Red Bar" not being disabled properly
  33.  
  34. 1.2.86 (12/21/2013)
  35.     - fixed Large player button (as far as I can tell)
  36.     - added Automatic quality option (the YouTube default)
  37.     - switched the DASH option default to enabled
  38.         this is really what the script was made for... auto-buffering
  39.  
  40. 1.2.85 (12/11/2013)
  41.     - added a script icon
  42.     - added a "Player Color Scheme" option
  43.     - fixed bug with SPF not being de-activated properly in non-Firefox browsers
  44.     - fixed volume bug
  45.     - fixed adding time in url bug. it will now skip to the right portion of the video
  46.     - changed internal name of the "Activation Mode" option. shouldn't affect the user
  47.     - the script doesn't add any javascript to the page anymore
  48.         it uses onYouTubePlayerReady to detect when the player is ready;
  49.             it's much more performant than an interval
  50.  
  51. 1.2.84 (10/31/2013)
  52.     - added primitive type checking when copying ytplayer.config.args into the flashvars.
  53.         this fixes the issue with Flashgot and possibly other add-ons
  54.     - fixed non-activation by moving the _spf_state check to the top of init.
  55.         this disables SPF on every YouTube page now, and should make the script activate correctly
  56.     - changed all RegExp test methods to match. match seems more consistent.
  57.         I've had cases where test doesn't work, but match does
  58.  
  59. 1.2.83 (10/28/2013)
  60.     - added auto HD, volume, and more activation modes for html5 (thanks to youtube updating its API)
  61.     - changed the default quality to 1080p
  62.     - changed the wording of some options
  63.     - changed the "Disable Dash Playback" option to false for default
  64.     - disabled SPF (aka Red Bar feature) completely until I get playlists working better
  65.     - changed the setPref prototype function to a regular function
  66.  
  67. 1.2.82 (9/5/2013)
  68.     - added support for older Firefox versions (tested on 3.6)
  69.     - added a new option to disable 'dash' playback (videos loading in blocks/pieces)
  70.     - re-added ad removal feature (experimental for now)
  71.  
  72. 1.2.81
  73.     - fixed HTML5 support. YT changed tag names so the script got confused
  74.     - made a few minor performance tweaks
  75.     - fixed 'play symbol in title' bug in autobuffer mode (it would show playing, even though it's paused/buffering)
  76.  
  77. 1.2.80
  78.     - switched to JSL.setInterval for consistency and drift accommodation
  79.     - visual tweaks to:
  80.         msg().
  81.             the rest of the page now dims while the msg box is visible
  82.             changed the spacing of most of the elements
  83.             changed the font sizes and the font (Arial)
  84.             added a close button instead of requiring a double click
  85.             made it auto-open the options screen when the msg is closed
  86.         GM_config.
  87.             made the background color more mellow and moved the section title near the middle
  88.  
  89. 1.2.79
  90.     - adjusted to the new play symbol in the youtube title feature
  91.     - Changed margins on the settings button when in footer
  92.     - Switched JSL/pushState checking order.
  93.         Previously in 1.2.78, if JSL didn't exist or wasn't @required, the script
  94.         would still loop every 500ms to re-set the pushState method, even though the
  95.         script wasn't going to be running.
  96.         I switched that so that JSL has to exist before the script does anything.
  97.  
  98. 1.2.78
  99.     - Fixed bug where options button wasn't getting added to the footer with the new Red Bar YT feature
  100.  
  101. 1.2.77
  102.     - Adapted to the new YouTube feature that uses HTML5's history.pushState to load videos
  103.     - Small fixes here and there
  104.     - Excluded (with RegExp) pages without videos on them
  105.     - Fixed GM_config.log()
  106.     - Declared all variables at the beginning of functions
  107.     - Made finding the video player a little more reliable
  108.     - Make 'autoplay on playlists' work with HTML5 videos
  109.  
  110. 1.2.76
  111.     - Added new quality option ('1080p+' - for anything higher than 1080p)
  112.  
  113. 1.2.75
  114.     - Added a new option (to move option button to page footer)
  115.     - Added a new option (to autoplay on playlists regardless of auto[play/buffer] setting)
  116.     - Added a first time user message box
  117.     - Fixed bug with GM_config's [set/get]Value functions. Chrome/Opera were not using localStorage before this update
  118.  
  119. 1.2.74
  120.     - Adapted to YouTube's new layout
  121.  
  122. 1.2.73
  123.     - Added compatibility for user pages
  124.  
  125. 1.2.72
  126.     - Made it fully working again in Opera & Chrome
  127.     - Switched from setInterval to setTimeout due to instability
  128.     - Added an anonymous function wrapper
  129.  
  130. 1.2.71
  131.     - Added compatibility for HTML5
  132.  
  133. */
  134.  
  135.  
  136.  
  137.  
  138. // run the script in an IIFE, to hide its variables from the global scope
  139. (function (undefined) {
  140.  
  141.     'use strict';
  142.  
  143.     var aBlank = ['', '', ''],
  144.         URL = location.href,
  145.         navID = 'watch7-user-header',
  146.         rYoutubeUrl = /^https?:\/\/([^\.]+\.)?youtube\.com\//,
  147.         // rYoutubeBlacklistedUrl = /^https?:\/\/([^\.]+\.)?youtube\.com\/(feed\/(?!subscriptions)|account|inbox|my_|tags|view_all|analytics)/i,
  148.         rList = /[?&]list=/i,
  149.         rPlaySymbol = /^\u25B6\s*/,
  150.         script_name = 'YouTube - Auto-Buffer & Auto-HD',
  151.         tTime = (URL.match(/[&#?]t=([sm0-9]+)/) || aBlank)[1],
  152.         ads = [
  153.             'supported_without_ads',
  154.             'ad3_module',
  155.             'adsense_video_doc_id',
  156.             'allowed_ads',
  157.             'baseUrl',
  158.             'cafe_experiment_id',
  159.             'afv_inslate_ad_tag',
  160.             'advideo',
  161.             'ad_device',
  162.             'ad_channel_code_instream',
  163.             'ad_channel_code_overlay',
  164.             'ad_eurl',
  165.             'ad_flags',
  166.             'ad_host',
  167.             'ad_host_tier',
  168.             'ad_logging_flag',
  169.             'ad_preroll',
  170.             'ad_slots',
  171.             'ad_tag',
  172.             'ad_video_pub_id',
  173.             'aftv',
  174.             'afv',
  175.             'afv_ad_tag',
  176.             'afv_instream_max',
  177.             'afv_ad_tag_restricted_to_instream',
  178.             'afv_video_min_cpm',
  179.             'prefetch_ad_live_stream'
  180.         ],
  181.         hasMainBeenRun, nav, uw, wait_intv;
  182.  
  183.     function toNum(a) {
  184.         return parseInt(a, 10);
  185.     }
  186.  
  187.     // msg by JoeSimmons
  188.     function msg(infoObject) {
  189.  
  190.         var box_id_name = 'script_msg',
  191.             box = document.getElementById(box_id_name),
  192.             rLinebreaks = /[\r\n]/g,
  193.             title = typeof infoObject.title === 'string' && infoObject.title.length > 3 ? infoObject.title : 'Message Box by JoeSimmons.';
  194.  
  195.         // add BR tags to line breaks
  196.         infoObject.text = infoObject.text.replace(rLinebreaks, '<br />\n');
  197.  
  198.         function msg_close(event) {
  199.             event.preventDefault();
  200.  
  201.             document.getElementById(box_id_name).style.display = 'none';
  202.  
  203.             if (typeof infoObject.onclose === 'function') {
  204.                 infoObject.onclose();
  205.             }
  206.         }
  207.  
  208.         if (box == null) {
  209.             JSL.addStyle('' +
  210.                 '@keyframes blink { ' +
  211.                     '50% { color: #B95C00; } ' +
  212.                 '}\n\n' +
  213.                 '#' + box_id_name + ' .msg-header { ' +
  214.                     'animation: blink 1s linear infinite normal; ' +
  215.                 '}' +
  216.             '');
  217.             document.body.appendChild(
  218.                 JSL.create('div', {id : box_id_name, style : 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.6);'}, [
  219.                     // main box
  220.                     JSL.create('div', {id : box_id_name + '_box', style : 'position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding-top: 50px; background-color: #E9E9E9; border: 3px double #006195;'}, [
  221.                         // header
  222.                         JSL.create('div', {style : 'margin: 0 auto; padding-bottom: 40px; color: #F07800; font-size: 21pt; font-family: Arial, Verdana, "Myriad Pro"; font-weight: normal; text-shadow: 2px 2px 4px #C7C7C7; text-align: center;', 'class' : 'msg-header', textContent : title}),
  223.  
  224.                         // text (message)
  225.                         JSL.create('div', {innerHTML : infoObject.text, style : 'text-align: center; margin: 0 auto; padding-top: 39px; border-top: 1px solid #B0B0B0; color: #000000; font-size: 11pt; font-family: Arial, Verdana, "Myriad Pro"; font-weight: normal; text-shadow: 0 0 8px #AEAEAE;'}),
  226.  
  227.                         // close button
  228.                         JSL.create('div', {style : 'position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;'}, [
  229.                             JSL.create('input', {id : box_id_name + '_close', type : 'button', value : 'Close Message', onclick : msg_close, style : 'margin: 0 auto; padding: 2px 20px; font-size: 11pt; font-family: Arial, Verdana, "Myriad Pro"; font-weight: normal;'})
  230.                         ])
  231.                     ])
  232.                 ])
  233.             );
  234.         } else {
  235.             box.innerHTML += infoObject.text;
  236.         }
  237.         
  238.     }
  239.  
  240.     // will return true if the value is a primitive value
  241.     function isPrimitiveType(value) {
  242.         switch (typeof value) {
  243.             case 'string': case 'number': case 'boolean': case 'undefined': {
  244.                 return true;
  245.             }
  246.             case 'object': {
  247.                 return !value;
  248.             }
  249.         }
  250.  
  251.         return false;
  252.     }
  253.  
  254.     function setPref(str, values) {
  255.         var i, value, rQuery;
  256.  
  257.         for (i = 0; value = values[i]; i += 1) {
  258.             // (several lines for readability)
  259.             rQuery = new RegExp('[?&]?' + value[0] + '=[^&]*');
  260.             str = str.replace(rQuery, '') + '&' + value[0] + '=' + value[1];
  261.             str = str.replace(/^&+|&+$/g, '');
  262.         }
  263.  
  264.         return str;
  265.     }
  266.  
  267.     // unwraps the element so we can use its methods freely
  268.     function unwrap(elem) {
  269.         if (elem) {
  270.             if ( typeof XPCNativeWrapper === 'function' && typeof XPCNativeWrapper.unwrap === 'function' ) {
  271.                 return XPCNativeWrapper.unwrap(elem);
  272.             } else if (elem.wrappedJSObject) {
  273.                 return elem.wrappedJSObject;
  274.             }
  275.         }
  276.  
  277.         return elem;
  278.     }
  279.  
  280.     function fixPlaySymbol() {
  281.         document.title = document.title.replace(rPlaySymbol, '');
  282.     }
  283.  
  284.     // grabs the un-wrapped player
  285.     function getPlayer() {
  286.         var doc = uw.document;
  287.         return doc.getElementById('c4-player') || doc.getElementById('movie_player');
  288.     }
  289.  
  290.     // adds the Options button below the video
  291.     function addButton() {
  292.         var footer = GM_config.get('footer') === true,
  293.             footerHolder = document.getElementById('footer-main');
  294.  
  295.         addButtonToContainer('Auto-Buffer Options', function () { GM_config.open(); }, 'autobuffer-options');
  296.  
  297.         if (footer && footerHolder) {
  298.             footerHolder.appendChild( document.getElementById('autobuffer-options') );
  299.         }
  300.     }
  301.  
  302.      // this function sets up the script
  303.     function init() {
  304.         hasMainBeenRun = false;
  305.  
  306.         // get the raw window object of the YouTube page
  307.         uw = typeof unsafeWindow !== 'undefined' ? unsafeWindow : unwrap(window);
  308.  
  309.         uw.onYouTubePlayerReady = function onYouTubePlayerReady(player) {
  310.             if (typeof player === 'object' && hasMainBeenRun === false) {
  311.                 window.postMessage('YTAB__ready', '*');
  312.             }
  313.         };
  314.  
  315.         JSL.waitFor({
  316.             selector : '#c4-player, #movie_player',
  317.             verifier : function (elem) {
  318.                 elem = unwrap( elem[0] );
  319.                 return typeof elem.stopVideo === 'function';
  320.             },
  321.             done : function () {
  322.                 if (hasMainBeenRun === false) {
  323.                     main();
  324.                 }
  325.             }
  326.         });
  327.     }
  328.  
  329.     // this is the main function. it does all the autobuffering, quality/volume changing, annotation hiding, etc
  330.     function main() {
  331.         var player = getPlayer(),
  332.             parent = player.parentNode,
  333.             alreadyBuffered = false,
  334.             time = 0,
  335.             args, arg, buffer_intv, fv, isHTML5, playerClone,
  336.             playIfPlaylist, val, userOpts;
  337.  
  338.         // don't let main() run again unless a new video is loaded
  339.         hasMainBeenRun = true;
  340.  
  341.         // remove the player out of the document temporarily while other things are being done,
  342.         // to reduce the time the player may be playing the video
  343.         parent.removeChild(player);
  344.  
  345.         // set up the user options object
  346.         userOpts = {
  347.             activationMode    : GM_config.get('activationMode'),
  348.             disableDash       : GM_config.get('disableDash') === true,
  349.             hideAnnotations   : GM_config.get('hideAnnotations') === true,
  350.             hideAds           : GM_config.get('hideAds') === true,
  351.             quality           : GM_config.get('autoHD'),
  352.             theme             : GM_config.get('theme'),
  353.             volume            : GM_config.get('volume')
  354.         };
  355.  
  356.         // set up other variables
  357.         playerClone = player.cloneNode(true);
  358.         fv = player.getAttribute('flashvars');
  359.         isHTML5 = !!document.querySelector('video.html5-main-video');
  360.         playIfPlaylist = !!URL.match(rList) && GM_config.get('autoplayplaylists') === true;
  361.  
  362.         if (uw.ytplayer && uw.ytplayer.config && uw.ytplayer.config.args) {
  363.             args = uw.ytplayer.config.args;
  364.         }
  365.  
  366.         // set the volume to the user's preference
  367.         if (userOpts.volume != 1000) {
  368.             player.setVolume(userOpts.volume);
  369.         }
  370.  
  371.         if (isHTML5) {
  372.             if (player.getPlaybackQuality() !== userOpts.quality) {
  373.                 player.setPlaybackQuality(userOpts.quality);
  374.             }
  375.  
  376.             if (!playIfPlaylist) {
  377.                 if (userOpts.activationMode === 'buffer') {
  378.                     player.pauseVideo();
  379.                 } else if (userOpts.activationMode === 'none') {
  380.                     player.stopVideo();
  381.                 }
  382.             }
  383.         } else {
  384.             // copy 'ytplayer.config.args' into the flash vars
  385.             if (args) {
  386.                 for (arg in args) {
  387.                     val = args[arg];
  388.                     if ( args.hasOwnProperty(arg) && isPrimitiveType(val) ) {
  389.                         fv = setPref(fv, [ [ arg, encodeURIComponent(val) ] ]);
  390.                     }
  391.                 }
  392.             }
  393.  
  394.             // ad removal
  395.             if (userOpts.hideAds) {
  396.                 fv = fv.replace(new RegExp('(&amp;|[&?])?(' + ads.join('|') + ')=[^&]*', 'g'), '');
  397.                 /*
  398.                 fv = setPref(fv, 
  399.                     ads.map(function (ad) {
  400.                         return [ad, ''];
  401.                     })
  402.                 );
  403.                 */
  404.             }
  405.  
  406.             // disable DASH playback
  407.             if (userOpts.disableDash) {
  408.                 fv = setPref(fv, [
  409.                     ['dashmpd', ''],
  410.                     ['dash', '0']
  411.                 ]);
  412.             }
  413.  
  414.             // edit the flashvars
  415.             fv = setPref(fv, [
  416.                 ['vq', userOpts.quality],                                                           // set the quality
  417.                 ['autoplay', (userOpts.activationMode !== 'none' || playIfPlaylist) ? '1' : '0' ],  // enable/disable autoplay
  418.                 ['iv_load_policy', userOpts.hideAnnotations ? '3' : '1' ],                          // enable/disable annotations
  419.                 ['theme', userOpts.theme],                                                          // use light/dark theme
  420.  
  421.                 // some "just-in-case" settings
  422.                 ['enablejsapi',           '1'],                                                     // enable JS API
  423.                 ['jsapicallback',         'onYouTubePlayerReady'],                                  // enable JS ready callback
  424.                 ['fs',                    '1'],                                                     // enable fullscreen button, just in-case
  425.                 ['modestbranding',        '1'],                                                     // hide YouTube logo in player
  426.                 ['disablekb',             '0']                                                      // enable keyboard controls in player
  427.             ]);
  428.  
  429.             // handle video starting time
  430.             if ( tTime.match(/\d+m/) ) {
  431.                 time += toNum( tTime.match(/(\d+)m/)[1] ) * 60;
  432.             }
  433.             if ( tTime.match(/\d+s/) ) {
  434.                 time += toNum( tTime.match(/(\d+)s/)[1] );
  435.             }
  436.             if ( tTime.match(/^\d+$/) ) {
  437.                 time += toNum(tTime);
  438.             }
  439.             if (time <= 3) {
  440.                 // if no time is in the url, check the player's time
  441.                 try {
  442.                     // sometimes causes a weird error.
  443.                     // it will say getCurrentTime isn't a function,
  444.                     // even though the typeof is "function",
  445.                     // and alerting its value says [native code]
  446.                     time = player.getCurrentTime();
  447.                 } catch (e) {}
  448.                 if (time <= 3) {
  449.                     time = 0;
  450.                 }
  451.             }
  452.             fv = setPref( fv, [ ['start', time] ] );
  453.  
  454.             // set the new player's flashvars
  455.             playerClone.setAttribute('flashvars', fv);
  456.  
  457.             // replace the original player with the modified clone
  458.             parent.appendChild(playerClone);
  459.  
  460.             if (userOpts.activationMode === 'buffer' && playIfPlaylist === false) {
  461.                 // handle auto-buffering
  462.                 buffer_intv = JSL.setInterval(function () {
  463.                     var player = getPlayer();
  464.  
  465.                     if (player && typeof player.getPlayerState === 'function') {
  466.                         JSL.clearInterval(buffer_intv);
  467.  
  468.                         // pause the video so it can buffer
  469.                         player.pauseVideo();
  470.  
  471.                         // seek back to beginning if time elapsed is not much
  472.                         if (player.getCurrentTime() <= 3) {
  473.                             player.seekTo(0);
  474.                         }
  475.  
  476.                         // adjust to the 'play symbol in title' feature
  477.                         window.setTimeout(fixPlaySymbol, 1000);
  478.                     }
  479.                 }, 100);
  480.             } else if (userOpts.activationMode === 'none') {
  481.                 // adjust to the 'play symbol in title' feature
  482.                 window.setTimeout(fixPlaySymbol, 1500);
  483.             }
  484.         }
  485.  
  486.         // show the first time user message, then set it to never show again
  487.         if (GM_config.getValue('yt-autobuffer-autohd-first', 'yes') === 'yes') {
  488.             msg({
  489.                 text : 'Welcome to "' + script_name + '".\n\n\n\n' +
  490.                     'There is an options button below the video.\n\n\n\n' +
  491.                     'The options screen will automatically open when you close this message.',
  492.                 title : '"' + script_name + '" Message',
  493.                 onclose : function () { GM_config.open(); }
  494.             });
  495.             GM_config.setValue('yt-autobuffer-autohd-first', 'no');
  496.         }
  497.     }
  498.  
  499.     // make sure the page is not in a frame
  500.     // & is on a YouTube page (the @include works most of the time, but this is 100%)
  501.     // & isn't on a blacklisted YouTube page
  502.     if ( window !== window.top || !URL.match(rYoutubeUrl) /*|| URL.match(rYoutubeBlacklistedUrl)*/ ) { return; }
  503.  
  504.     // quit if JSL/GM_config is non-existant
  505.     if (typeof JSL === 'undefined' || typeof GM_config === 'undefined' || typeof addButtonToContainer === 'undefined') {
  506.         return alert('' +
  507.             'A @require is missing.\n\n' +
  508.             'Either you\'re not using the correct plug-in, or @require isn\'t working.\n\n' +
  509.             'Please review the script\'s main page to see which browser & add-on to use.' +
  510.         '');
  511.     }
  512.  
  513.     // add a user-script command
  514.     if (typeof GM_registerMenuCommand === 'function') {
  515.         GM_registerMenuCommand('"' + script_name + '" Options', GM_config.open);
  516.     }
  517.  
  518.     // init GM_config
  519.     GM_config.init('"' + script_name + '" Options', {
  520.         activationMode : {
  521.             section : ['Main Options'],
  522.             label : 'Activation Mode',
  523.             type : 'select',
  524.             options : {
  525.                 'buffer' : 'Auto Buffer (aka Auto Pause)',
  526.                 'play' : 'Auto Play',
  527.                 'none' : 'Stop Loading Immediately'
  528.             },
  529.             'default' : 'buffer'
  530.         },
  531.         autoHD : {
  532.             label : 'Auto HD',
  533.             type : 'select',
  534.             options : {
  535.                 'default' : 'Automatic (default)',
  536.                 'tiny' : '144p',
  537.                 'small' : '240p',
  538.                 'medium' : '360p',
  539.                 'large' : '480p',
  540.                 'hd720' : '720p (HD)',
  541.                 'hd1080' : '1080p (HD)',
  542.                 'hd1440' : '1440p (HD)',
  543.                 'highres' : 'Original (highest)'
  544.             },
  545.             'default' : 'hd1080'
  546.         },
  547.         disableDash : {
  548.             label : 'Disable DASH Playback',
  549.             type : 'checkbox',
  550.             'default' : true,
  551.             title : '"DASH" loads the video in blocks/pieces; disrupts autobuffering -- Note: Qualities are limited when disabled'
  552.         },
  553.         hideAds : {
  554.             label : 'Disable Ads',
  555.             type : 'checkbox',
  556.             'default' : true,
  557.             title : 'Should disable advertisements. AdBlock is better, though. Get that instead'
  558.         },
  559.         hideAnnotations : {
  560.             label : 'Disable Annotations',
  561.             type : 'checkbox',
  562.             'default' : false
  563.         },
  564.         theme : {
  565.             section : ['Other Options'],
  566.             label : 'Player Color Scheme',
  567.             type : 'select',
  568.             options : {
  569.                 'dark' : 'Dark Theme',
  570.                 'light' : 'Light Theme'
  571.             },
  572.             'default' : 'dark'
  573.         },
  574.         volume : {
  575.             label : 'Set volume to: ',
  576.             type : 'select',
  577.             options : {
  578.                 '1000' : 'Don\'t Change',
  579.                 '0' : 'Off',
  580.                 '5' : '5%',
  581.                 '10' : '10%',
  582.                 '20' : '20%',
  583.                 '25' : '25% (quarter)',
  584.                 '30' : '30%',
  585.                 '40' : '40%',
  586.                 '50' : '50% (half)',
  587.                 '60' : '60%',
  588.                 '70' : '70%',
  589.                 '75' : '75% (three quarters',
  590.                 '80' : '80%',
  591.                 '90' : '90%',
  592.                 '100' : '100% (full)',
  593.             },
  594.             title : 'What to set the volume to',
  595.             'default' : '1000'
  596.         },
  597.         autoplayplaylists : {
  598.             label : 'Autoplay on Playlists (override)',
  599.             type : 'checkbox',
  600.             'default' : false,
  601.             title : 'This will enable autoplay on playlists, regardless of the "Activation Mode" option'
  602.         },
  603.         footer : {
  604.             label : 'Options Button In Footer',
  605.             type : 'checkbox',
  606.             'default' : false,
  607.             title : 'This will make the options button show at the bottom of the page in the footer'
  608.         }
  609.     }, '' +
  610.     'body { ' +
  611.         'background-color: #DDDDDD !important; ' +
  612.         'color: #434343 !important; ' +
  613.         'font-family: Arial, Verdana, sans-serif !important; ' +
  614.     '}' +
  615.     '#config_header { ' +
  616.         'font-size: 16pt !important; ' +
  617.     '}' +
  618.     '.config_var { ' +
  619.         'margin-left: 20% !important; ' +
  620.         'margin-top: 20px !important; ' +
  621.     '}' +
  622.     '#header { ' +
  623.         'margin-bottom: 40px !important; ' +
  624.         'margin-top: 20px !important; ' +
  625.     '}' +
  626.     '.indent40 { ' +
  627.         'margin-left: 20% !important; ' +
  628.     '}' + 
  629.     '.config_var * { ' +
  630.         'font-size: 10pt !important; ' +
  631.     '}' +
  632.     '.section_header_holder { ' +
  633.         'border-bottom: 1px solid #BBBBBB !important; ' +
  634.         'margin-top: 14px !important; ' +
  635.     '}' +
  636.     '.section_header { ' +
  637.         'background-color: #BEDBFF !important; ' +
  638.         'color: #434343 !important; ' +
  639.         'margin-left: 20% !important; ' +
  640.         'margin-top: 8px !important; ' +
  641.         'padding: 2px 200px !important; ' +
  642.         'text-decoration: none !important; ' +
  643.     '}' +
  644.     '.section_kids { ' +
  645.         'margin-bottom: 14px !important; ' +
  646.     '}' +
  647.     '.saveclose_buttons { ' +
  648.         'font-size: 14pt !important; ' +
  649.     '}' +
  650.     '#buttons_holder { ' +
  651.         'padding-right: 50px; ' +
  652.     '}' +
  653.     '', {
  654.         close : function () {
  655.             JSL('#c4-player, #movie_player').css('visibility', 'visible');
  656.             JSL('#lights_out').hide();
  657.         },
  658.         open : function () {
  659.             JSL('#c4-player, #movie_player').css('visibility', 'hidden');
  660.             JSL('#lights_out').show('block');
  661.             JSL('#GM_config').css('height', '80%').css('width', '80%');
  662.         }
  663.     });
  664.  
  665.     // this is for the "lights out" feature of GM_config
  666.     JSL.runAt('interactive', function () {
  667.         JSL(document.body).append('div', {
  668.             id : 'lights_out',
  669.             style : 'display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999998; background: rgba(0, 0, 0, 0.72);'
  670.         });
  671.  
  672.         // call the function that sets up everything
  673.         init();
  674.     });
  675.  
  676.     // add a message listener for when the unsafeWindow function fires a message
  677.     window.addEventListener('message', function (msg) {
  678.         if (msg.data === 'YTAB__ready') {
  679.             main();
  680.         }
  681.     }, false);
  682.  
  683.     // wait for an element that can hold the options button to load,
  684.     // then run our add button function
  685.     JSL.waitFor({
  686.         selector : '#watch7-headline, #gh-overviewtab div.c4-spotlight-module-component, #footer-main',
  687.         done : addButton
  688.     });
  689.  
  690. }());