☰

Show Youtube Thumbnails

Show thumbnails in deprecated Youtube layout

  1. // ==UserScript==
  2. // @name         Show Youtube Thumbnails
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  Show thumbnails in deprecated Youtube layout
  6. // @author       Kronzky
  7. // @match        *://www.youtube.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. function addThumbs() {
  12.     var thumburl = 'https://i.ytimg.com/vi/THUMBNAIL/hqdefault.jpg';
  13.     var thumbimg = '<div style="width:196px; height:110px; overflow:hidden"><a href="/watch?v=THUMBNAIL"><img style="position:relative; top:-19px" width="198px" src="' + thumburl + '">VIDLEN</a></div>';
  14.  
  15.     var items = document.getElementsByClassName('yt-lockup');
  16.     for (var i=0; i<items.length-1; i++) {
  17.         if ((items[i].className.indexOf("HASTHUMB"))==-1) {
  18.             var img = items[i].getElementsByTagName("img");
  19.             if (img.length==0) {
  20.                 var vidlen = "";
  21.                 var leninfo = items[i].getElementsByClassName('accessible-description');
  22.                 if (leninfo.length!=0) {
  23.                     leninfo = leninfo[0].innerHTML;
  24.                     if ((leninfo.indexOf(':'))!=-1) {
  25.                         vidlen = leninfo.substr(13,leninfo.indexOf('.')-13);
  26.                     };
  27.                 };
  28.                 var id;
  29.                 if (items[i].hasAttribute("data-context-item-id")) {
  30.                     id = items[i].getAttribute("data-context-item-id");
  31.                     var thumb = thumbimg.replace(/THUMBNAIL/g, id);
  32.                     thumb = thumb.replace('VIDLEN', '<span class="video-time" style="top:90px">'+vidlen+'</span>');
  33.                     items[i].innerHTML = thumb + items[i].innerHTML ;
  34.                 } else {
  35.                     var link = items[i].getElementsByTagName("a")[0];
  36.                     link = link.getAttribute("href");
  37.                     link = link.substr(link.indexOf("?v=")+3);
  38.                     thumb = thumbimg.replace("THUMBNAIL", link);
  39.                     thumb = thumb.replace('VIDLEN', '');
  40.                     id = link.substr(0,link.indexOf("&"));
  41.                     items[i].innerHTML = thumb.replace("THUMBNAIL", id) + items[i].innerHTML;
  42.                 };
  43.             };
  44.             items[i].className += " HASTHUMB";
  45.         };
  46.     };
  47. };
  48.  
  49. (function() {
  50.     'use strict';
  51.     document.cookie = 'PREF=f5=30030&f6=8&f1=50000000';
  52.     addThumbs();
  53.     window.addEventListener("scroll", addThumbs, false);
  54. })();