☰

YouTube Auto Buffer & Auto HD

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

  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.88
  13. // @license       GPL version 3 or any later version; http://www.gnu.org/copyleft/gpl.html
  14. // @require       https://greatest.deepsurf.us/scripts/1885-joesimmons-library/code/JoeSimmons'%20Library.js?version=7915
  15. // @require       https://greatest.deepsurf.us/scripts/2104-youtube-button-container-require/code/YouTube%20-%20Button%20Container%20(@require).js?version=5493
  16. // @require       https://greatest.deepsurf.us/scripts/1884-gm-config/code/GM_config.js?version=4836
  17. // @grant         GM_getValue
  18. // @grant         GM_setValue
  19. // @grant         GM_registerMenuCommand
  20. // ==/UserScript==
  21.  
  22. /* CHANGELOG
  23.  
  24.     1.2.88 (5/22/2015)
  25.         - fixed HTML5 on Firefox
  26.         - fixed script on Chrome
  27.         - added a new option to disable autoplaying the next video on playlists
  28.         - removed theme color option - only works on flash and that's gone now
  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, missing_require, 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.         // disable Red Bar aka SPF
  310.         if (uw._spf_state && uw._spf_state.config) {
  311.             uw._spf_state.config['navigate-limit'] = 0;
  312.             uw._spf_state.config['navigate-part-received-callback'] = function (targetUrl) {
  313.                 location.href = targetUrl;
  314.             };
  315.         }
  316.         if (uw.ytspf && uw.ytspf.config && typeof uw.ytspf.enabled !== 'undefined') {
  317.             uw.ytspf.enabled = false;
  318.             uw.ytspf.config['navigate-limit'] = 0;
  319.         }
  320.  
  321.         uw.onYouTubePlayerReady = function onYouTubePlayerReady(player) {
  322.             if (typeof player === 'object' && hasMainBeenRun === false) {
  323.                 window.postMessage('YTAB__ready', '*');
  324.             }
  325.         };
  326.  
  327.         JSL.waitFor({
  328.             selector : '#c4-player, #movie_player',
  329.             verifier : function (elem) {
  330.                 var elem = unwrap( elem[0] );
  331.                 return (elem.getPlayerState() == 1 && typeof elem.pauseVideo === 'function');
  332.             },
  333.             done : function () {
  334.                 if (hasMainBeenRun === false) {
  335.                     window.setTimeout(main, 0); // run main() asynchronously (less freezing)
  336.                 }
  337.             }
  338.         });
  339.     }
  340.  
  341.     // this is the main function. it does all the autobuffering, quality/volume changing, annotation hiding, etc
  342.     function main() {
  343.         var player = getPlayer(),
  344.             parent = player.parentNode,
  345.             alreadyBuffered = false,
  346.             time = 0,
  347.             args, arg, buffer_intv, fv, isHTML5, playerClone,
  348.             playIfPlaylist, val, userOpts, wtpIntv;
  349.  
  350.         // don't let main() run again unless a new video is loaded
  351.         hasMainBeenRun = true;
  352.  
  353.         // set up the user options object
  354.         userOpts = {
  355.             activationMode    : GM_config.get('activationMode'),
  356.             disableAutoplay   : GM_config.get('disableAutoplay') === true,
  357.             disableDash       : GM_config.get('disableDash') === true,
  358.             hideAnnotations   : GM_config.get('hideAnnotations') === true,
  359.             hideAds           : GM_config.get('hideAds') === true,
  360.             quality           : GM_config.get('autoHD'),
  361.             volume            : GM_config.get('volume')
  362.         };
  363.  
  364.         // set up other variables
  365.         isHTML5 = uw.ytplayer.config.html5 == true;
  366.         playerClone = isHTML5 === false ? player.cloneNode(true) : null; // clone player if flash
  367.         fv = isHTML5 === false ? player.getAttribute('flashvars') : ''; // get flashvars if flash
  368.         playIfPlaylist = URL.match(rList) != null && GM_config.get('autoplayplaylists') === true;
  369.  
  370.         if (uw.ytplayer && uw.ytplayer.config && uw.ytplayer.config.args) {
  371.             args = uw.ytplayer.config.args;
  372.         }
  373.  
  374.         // get video starting time from the url or player itself
  375.         if ( tTime.match(/\d+m/) ) {
  376.             time += toNum( tTime.match(/(\d+)m/)[1] ) * 60;
  377.         }
  378.         if ( tTime.match(/\d+s/) ) {
  379.             time += toNum( tTime.match(/(\d+)s/)[1] );
  380.         }
  381.         if ( tTime.match(/^\d+$/) ) {
  382.             time += toNum(tTime);
  383.         }
  384.         if (time <= 3) {
  385.             // if no time is in the url, check the player's time
  386.             try {
  387.                 // sometimes causes a weird error.
  388.                 // it will say getCurrentTime isn't a function,
  389.                 // even though the typeof is "function",
  390.                 // and alerting its value says [native code]
  391.                 time = Math.floor( player.getCurrentTime() );
  392.             } catch (e) {}
  393.             if (time <= 3) {
  394.                 time = 0;
  395.             }
  396.         }
  397.  
  398.         // set the volume to the user's preference
  399.         if (userOpts.volume != 1000) {
  400.             player.setVolume(userOpts.volume);
  401.         }
  402.  
  403.         if (isHTML5) {
  404.             // set video quality
  405.             if (userOpts.quality !== 'default' && player.getPlaybackQuality() !== userOpts.quality) {
  406.                 player.setPlaybackQuality(userOpts.quality);
  407.             }
  408.  
  409.             // seek to the right time
  410.             player.seekTo(time);
  411.  
  412.             // handle the activation mode (buffer/play)
  413.             if (playIfPlaylist === false && userOpts.activationMode === 'buffer') {
  414.                 player.pauseVideo();
  415.  
  416.                 // sometimes it doesn't like pausing when told,
  417.                 // so keep trying to pause until it does
  418.                 wtpIntv = JSL.setInterval(function () {
  419.                     var player = getPlayer();
  420.  
  421.                     if (player.getPlayerState() == 1) {
  422.                         player.pauseVideo();
  423.                     } else {
  424.                         JSL.clearInterval(wtpIntv);
  425.                     }
  426.                 }, 50);
  427.             }
  428.         } else {
  429.             // copy 'ytplayer.config.args' into the flash vars
  430.             if (args) {
  431.                 for (arg in args) {
  432.                     val = args[arg];
  433.                     if ( args.hasOwnProperty(arg) && isPrimitiveType(val) ) {
  434.                         fv = setPref(fv, [ [ arg, encodeURIComponent(val) ] ]);
  435.                     }
  436.                 }
  437.             }
  438.  
  439.             // ad removal
  440.             if (userOpts.hideAds) {
  441.                 fv = fv.replace(new RegExp('(&amp;|[&?])?(' + ads.join('|') + ')=[^&]*', 'g'), '');
  442.             }
  443.  
  444.             // disable DASH playback
  445.             if (userOpts.disableDash) {
  446.                 fv = setPref(fv, [
  447.                     ['dashmpd', ''],
  448.                     ['dash', '0']
  449.                 ]);
  450.             }
  451.  
  452.             // edit the flashvars
  453.             fv = setPref(fv, [
  454.                 ['vq', userOpts.quality],                                                           // set the quality
  455.                 ['autoplay', (userOpts.activationMode !== 'none' || playIfPlaylist) ? '1' : '0' ],  // enable/disable autoplay
  456.                 ['iv_load_policy', userOpts.hideAnnotations ? '3' : '1' ],                          // enable/disable annotations
  457.  
  458.                 // some "just-in-case" settings
  459.                 ['enablejsapi',           '1'],                                                     // enable JS API
  460.                 ['jsapicallback',         'onYouTubePlayerReady'],                                  // enable JS ready callback
  461.                 ['fs',                    '1'],                                                     // enable fullscreen button, just in-case
  462.                 ['modestbranding',        '1'],                                                     // hide YouTube logo in player
  463.                 ['disablekb',             '0']                                                      // enable keyboard controls in player
  464.             ]);
  465.  
  466.             // set the player's time
  467.             fv = setPref( fv, [ ['start', time] ] );
  468.  
  469.             // set the new player's flashvars
  470.             playerClone.setAttribute('flashvars', fv);
  471.  
  472.             // replace the original player with the modified clone
  473.             parent.replaceChild(playerClone, player);
  474.  
  475.             if (userOpts.activationMode === 'buffer' && playIfPlaylist === false) {
  476.                 // handle auto-buffering
  477.                 buffer_intv = JSL.setInterval(function () {
  478.                     var player = getPlayer();
  479.  
  480.                     if (player && typeof player.getPlayerState === 'function') {
  481.                         JSL.clearInterval(buffer_intv);
  482.  
  483.                         // pause the video so it can buffer
  484.                         player.pauseVideo();
  485.  
  486.                         // seek back to beginning if time elapsed is not much
  487.                         if (player.getCurrentTime() <= 3) {
  488.                             player.seekTo(0);
  489.                         }
  490.  
  491.                         // adjust to the 'play symbol in title' feature
  492.                         window.setTimeout(fixPlaySymbol, 1000);
  493.                     }
  494.                 }, 100);
  495.             } else if (userOpts.activationMode === 'none') {
  496.                 // adjust to the 'play symbol in title' feature
  497.                 window.setTimeout(fixPlaySymbol, 1500);
  498.             }
  499.         }
  500.  
  501.         // disable autoplay on playlists if desired
  502.         if (userOpts.disableAutoplay) {
  503.             for (var key in uw._yt_www) {
  504.                 if ( ('' + uw._yt_www[key]).indexOf('window.spf.navigate') !== -1) {
  505.                     uw._yt_www[key] = function () {};
  506.                 }
  507.             }
  508.         }
  509.  
  510.         // show the first time user message, then set it to never show again
  511.         if (GM_config.getValue('yt-autobuffer-autohd-first', 'yes') === 'yes') {
  512.             msg({
  513.                 text : 'Welcome to "' + script_name + '".\n\n\n\n' +
  514.                     'There is an options button below the video.\n\n\n\n' +
  515.                     'The options screen will automatically open when you close this message.',
  516.                 title : '"' + script_name + '" Message',
  517.                 onclose : function () { GM_config.open(); }
  518.             });
  519.             GM_config.setValue('yt-autobuffer-autohd-first', 'no');
  520.         }
  521.     }
  522.  
  523.     // make sure the page is not in a frame
  524.     // & is on a YouTube page (the @include works most of the time, but this is 100%)
  525.     // & isn't on a blacklisted YouTube page
  526.     if ( window.frameElement || window !== window.top || !URL.match(rYoutubeUrl) /*|| URL.match(rYoutubeBlacklistedUrl)*/ ) { return; }
  527.  
  528.     // quit if one of the @requires is non-existent
  529.     if (typeof JSL === 'undefined' || typeof GM_config === 'undefined' || typeof addButtonToContainer === 'undefined') {
  530.         missing_require = typeof JSL === 'undefined' ? 'JSL' : typeof GM_config === 'undefined' ? 'GM_config' : typeof addButtonToContainer ? 'Button Container' : 'unknown';
  531.  
  532.         return alert('' +
  533.             'A @require is missing (' + missing_require + ').\n\n' +
  534.             'Either you\'re not using the correct plug-in, or @require isn\'t working.\n\n' +
  535.             'Please review the script\'s main page to see which browser & add-on to use.' +
  536.         '');
  537.     }
  538.  
  539.     // add a user-script command
  540.     if (typeof GM_registerMenuCommand === 'function') {
  541.         GM_registerMenuCommand('"' + script_name + '" Options', GM_config.open);
  542.     }
  543.  
  544.     // init GM_config
  545.     GM_config.init('"' + script_name + '" Options', {
  546.         activationMode : {
  547.             section : ['Main Options'],
  548.             label : 'Activation Mode',
  549.             type : 'select',
  550.             options : {
  551.                 'buffer' : 'Auto-Pause',
  552.                 'play' : 'Auto Play'
  553.             },
  554.             'default' : 'buffer'
  555.         },
  556.         autoHD : {
  557.             label : 'Auto HD',
  558.             type : 'select',
  559.             options : {
  560.                 'default' : 'Automatic (default)',
  561.                 'tiny' : '144p',
  562.                 'small' : '240p',
  563.                 'medium' : '360p',
  564.                 'large' : '480p',
  565.                 'hd720' : '720p (HD)',
  566.                 'hd1080' : '1080p (HD)',
  567.                 'hd1440' : '1440p (HD)',
  568.                 'highres' : 'Original (highest)'
  569.             },
  570.             'default' : 'hd1080'
  571.         },
  572.         disableDash : {
  573.             label : 'Disable DASH Playback',
  574.             type : 'checkbox',
  575.             'default' : true,
  576.             title : '"DASH" loads the video in blocks/pieces; disrupts autobuffering -- Note: Qualities are limited when disabled'
  577.         },
  578.         hideAds : {
  579.             label : 'Disable Ads',
  580.             type : 'checkbox',
  581.             'default' : true,
  582.             title : 'Should disable advertisements. AdBlock Edge is better, though. Get that instead'
  583.         },
  584.         hideAnnotations : {
  585.             label : 'Disable Annotations',
  586.             type : 'checkbox',
  587.             'default' : false,
  588.             title : 'Not working for HTML5 - PM me for suggestions'
  589.         },
  590.         disableAutoplay : {
  591.             label : 'Disable Autoplay-Next-Video In Playlist',
  592.             type : 'checkbox',
  593.             'default' : false
  594.         },
  595.         volume : {
  596.             section : ['Other Options'],
  597.             label : 'Set volume to: ',
  598.             type : 'select',
  599.             options : {
  600.                 '1000' : 'Don\'t Change',
  601.                 '0' : '0% (Off)',
  602.                 '5' : '5%',
  603.                 '10' : '10%',
  604.                 '20' : '20%',
  605.                 '25' : '25% (quarter)',
  606.                 '30' : '30%',
  607.                 '40' : '40%',
  608.                 '50' : '50% (half)',
  609.                 '60' : '60%',
  610.                 '70' : '70%',
  611.                 '75' : '75% (three quarters)',
  612.                 '80' : '80%',
  613.                 '90' : '90%',
  614.                 '100' : '100% (full)',
  615.             },
  616.             title : 'What to set the volume to',
  617.             'default' : '1000'
  618.         },
  619.         autoplayplaylists : {
  620.             label : 'Autoplay on Playlists (override)',
  621.             type : 'checkbox',
  622.             'default' : false,
  623.             title : 'This will enable autoplay on playlists, regardless of the "Activation Mode" option'
  624.         },
  625.         footer : {
  626.             label : 'Options Button In Footer',
  627.             type : 'checkbox',
  628.             'default' : false,
  629.             title : 'This will make the options button show at the bottom of the page in the footer'
  630.         }
  631.     }, '' +
  632.     'body { ' +
  633.         'background-color: #DDDDDD !important; ' +
  634.         'color: #434343 !important; ' +
  635.         'font-family: Arial, Verdana, sans-serif !important; ' +
  636.     '}' +
  637.     '#config_header { ' +
  638.         'font-size: 16pt !important; ' +
  639.     '}' +
  640.     '.config_var { ' +
  641.         'margin-left: 20% !important; ' +
  642.         'margin-top: 20px !important; ' +
  643.     '}' +
  644.     '#header { ' +
  645.         'margin-bottom: 40px !important; ' +
  646.         'margin-top: 20px !important; ' +
  647.     '}' +
  648.     '.indent40 { ' +
  649.         'margin-left: 20% !important; ' +
  650.     '}' + 
  651.     '.config_var * { ' +
  652.         'font-size: 10pt !important; ' +
  653.     '}' +
  654.     '.section_header_holder { ' +
  655.         'border-bottom: 1px solid #BBBBBB !important; ' +
  656.         'margin-top: 14px !important; ' +
  657.     '}' +
  658.     '.section_header { ' +
  659.         'background-color: #BEDBFF !important; ' +
  660.         'color: #434343 !important; ' +
  661.         'margin-left: 20% !important; ' +
  662.         'margin-top: 8px !important; ' +
  663.         'padding: 2px 200px !important; ' +
  664.         'text-decoration: none !important; ' +
  665.     '}' +
  666.     '.section_kids { ' +
  667.         'margin-bottom: 14px !important; ' +
  668.     '}' +
  669.     '.saveclose_buttons { ' +
  670.         'font-size: 14pt !important; ' +
  671.     '}' +
  672.     '#buttons_holder { ' +
  673.         'padding-right: 50px; ' +
  674.     '}' +
  675.     '', {
  676.         close : function () {
  677.             JSL('#c4-player, #movie_player').css('visibility', 'visible');
  678.             JSL('#lights_out').hide();
  679.         },
  680.         open : function () {
  681.             JSL('#c4-player, #movie_player').css('visibility', 'hidden');
  682.             JSL('#lights_out').show('block');
  683.             JSL('#GM_config').css('height', '80%').css('width', '80%').css('zIndex', '999999999999');
  684.         }
  685.     });
  686.  
  687.     // this is for the "lights out" feature of GM_config
  688.     JSL.runAt('interactive', function () {
  689.         JSL(document.body).append('div', {
  690.             id : 'lights_out',
  691.             style : 'display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999998; background: rgba(0, 0, 0, 0.72);'
  692.         });
  693.  
  694.         // call the function that sets up everything
  695.         init();
  696.     });
  697.  
  698.     // add a message listener for when the unsafeWindow function fires a message
  699.     window.addEventListener('message', function (msg) {
  700.         if (msg.data === 'YTAB__ready') {
  701.             main();
  702.         }
  703.     }, false);
  704.  
  705.     // wait for an element that can hold the options button to load,
  706.     // then run our add button function
  707.     JSL.waitFor({
  708.         selector : '#watch7-headline, #gh-overviewtab div.c4-spotlight-module-component, #footer-main',
  709.         done : addButton
  710.     });
  711.  
  712. }());