☰

Show Youtube Thumbnails

Show thumbnails in deprecated Youtube layout

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

  1. // ==UserScript==
  2. // @name         Show Youtube Thumbnails
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  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 + '"></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 id;
  21.                 if (items[i].hasAttribute("data-context-item-id")) {
  22.                     id = items[i].getAttribute("data-context-item-id");
  23.                     items[i].innerHTML = thumbimg.replace(/THUMBNAIL/g, id) + items[i].innerHTML;
  24.                 } else {
  25.                     var link = items[i].getElementsByTagName("a")[0];
  26.                     link = link.getAttribute("href");
  27.                     link = link.substr(link.indexOf("?v=")+3);
  28.                     var thumb = thumbimg.replace("THUMBNAIL", link) + items[i].innerHTML;
  29.                     id = link.substr(0,link.indexOf("&"));
  30.                     items[i].innerHTML = thumb.replace("THUMBNAIL", id) + items[i].innerHTML;
  31.                 };
  32.             };
  33.             items[i].className += " HASTHUMB";
  34.         };
  35.     };
  36. };
  37.  
  38. (function() {
  39.     'use strict';
  40.     document.cookie = 'PREF=f5=30030&f6=8&f1=50000000';
  41.     addThumbs();
  42.     window.addEventListener("scroll", addThumbs, false);
  43. })();