☰

YouTube, Filter Videos List

Filter the videos listed on a YouTube channel's videos page. Click "FILTER VIDEOS" next to "PLAY ALL" at the top of the videos list, then enter the string to search for. Start your entry with '!' to show only videos that DON'T contain that string.

目前为 2018-06-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube, Filter Videos List
  3. // @namespace    driver8.net
  4. // @version      0.1.2
  5. // @description  Filter the videos listed on a YouTube channel's videos page. Click "FILTER VIDEOS" next to "PLAY ALL" at the top of the videos list, then enter the string to search for. Start your entry with '!' to show only videos that DON'T contain that string.
  6. // @author       driver8
  7. // @match        *://*.youtube.com/user/*/videos*
  8. // @match        *://*.youtube.com/channel/*/videos*
  9. // @match        *://*.youtube.com/c/*/videos*
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     console.log('hi, filter videos');
  17.  
  18.     var filtered = [];
  19.     var button_html = `<div id="load-more" class="style-scope ytd-channel-sub-menu-renderer">
  20. <ytd-button-renderer button-renderer="" class="style-scope ytd-channel-sub-menu-renderer style-text" is-paper-button="">
  21. <a class="yt-simple-endpoint style-scope ytd-button-renderer" tabindex="-1">
  22. <paper-button role="button" tabindex="0" animated="" aria-disabled="false" elevation="0" id="button" class="style-scope ytd-button-renderer style-text">
  23. Filter videos
  24. </paper-button>
  25. </a>
  26. </ytd-button-renderer>
  27. </div>`
  28.     var new_div = document.createElement('div');
  29.     new_div.innerHTML = button_html.trim();
  30.     new_div = new_div.firstElementChild;
  31.     var temp1 = new_div.firstElementChild.innerHTML;
  32.     document.querySelector('#primary-items').appendChild(new_div);
  33.     window.setTimeout(function test1() {
  34.         new_div.firstElementChild.innerHTML = temp1;
  35.     }, 50);
  36.     new_div.onclick = filter_videos;
  37.  
  38.     function filter_videos() {
  39.         var q = prompt('Enter word to filter', '');
  40.         var neg = false;
  41.         if (q.charAt(0) === '!') {
  42.             neg = true;
  43.             q = q.substr(1);
  44.         }
  45.         filtered.forEach(el => { el.hidden = false; });
  46.         var vids = document.querySelectorAll('#content #items > ytd-grid-video-renderer.ytd-grid-renderer');
  47.         if (vids.length < 1) { // page is using flow=list instead of grid
  48.             vids = document.querySelectorAll('ytd-item-section-renderer');
  49.         }
  50.         vids = Array.from(vids);
  51.         var good = vids.filter(el => el.offsetParent !== null);
  52.         var re = new RegExp(q, 'i');
  53.         filtered = good.filter(el => {
  54.             var title = el.querySelector('a#video-title').textContent.trim();
  55.             return neg ^ !re.test(title);
  56.         });
  57.         console.log('filtered', filtered);
  58.         filtered.forEach(el => { el.hidden = true; });
  59.     }
  60. })();