☰

YOUTUBE: hide low views videos (less than 100k views) (customizable)

hide videos less than 100k views

  1. // ==UserScript==
  2. // @name         YOUTUBE: hide low views videos (less than 100k views) (customizable)
  3. // @namespace    https://github.com/KenKaneki73985
  4. // @license      MIT
  5. // @match        https://www.youtube.com/feed/subscriptions
  6. // @match        https://www.youtube.com
  7. // @description  hide videos less than 100k views 
  8. // @version 0.0.1.20250307132736
  9. // ==/UserScript==
  10. // user_script = "moz-extension://762e4395-b145-4620-8dd9-31bf09e052de/options.html#nav=e203b9b5-3a24-4566-b0e8-3d6bbb72aed0+editor"
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Function to hide low view videos
  16.     function HIDE_LOW_VIEW_VIDEOS() {
  17.         // Find all elements with the specified class
  18.         const viewsElements = document.querySelectorAll('.inline-metadata-item');
  19.         
  20.         // Filter elements that contain the word "views"
  21.         const viewElements = Array.from(viewsElements).filter(el => el.textContent.includes('views'));
  22.  
  23.         // Filter for elements with less than 100K views
  24.         const lowViewElements = viewElements.filter(el => {
  25.             // Extract the numeric part
  26.             const viewText = el.textContent.replace(' views', '');
  27.             
  28.             // Check if the element contains 'K'
  29.             if (el.textContent.includes('K')) {
  30.                 // Extract the number before 'K'
  31.                 const viewCount = parseFloat(viewText.split('K')[0]);
  32.                 
  33.                 // Return true if views are less than 100
  34.                 return viewCount < 100;
  35.                 // return viewCount < 500;
  36.             }
  37.             
  38.             // If no 'K', it means less than 1000 views
  39.             // Parse the number directly
  40.             const viewCount = parseInt(viewText.replace(/,/g, ''), 10);
  41.             
  42.             // Return true if views are less than 1000
  43.             return viewCount < 1000;
  44.         });
  45.  
  46.         // Hide the low view count elements
  47.         if (lowViewElements.length > 0) {
  48.             lowViewElements.forEach(el => {
  49.                 // Find the closest ancestor "ytd-rich-item-renderer"
  50.                 const videoItem = el.closest('ytd-rich-item-renderer');
  51.                 
  52.                 // If the video item is found, hide it
  53.                 if (videoItem) {
  54.                     videoItem.style.display = 'none';
  55.                 }
  56.             });
  57.         }
  58.     }
  59.  
  60.     // Run on initial page load
  61.     HIDE_LOW_VIEW_VIDEOS();
  62.  
  63.     // Run on Alt+H key press
  64.     document.addEventListener('keydown', function(event) {
  65.         if (event.altKey && event.key === 'h') {
  66.             HIDE_LOW_VIEW_VIDEOS();
  67.         }
  68.     });
  69.  
  70.     // Observe scroll and dynamically loaded content
  71.     const observerOptions = {
  72.         childList: true,
  73.         subtree: true
  74.     };
  75.  
  76.     const observer = new MutationObserver((mutations) => {
  77.         // Check if new videos have been added
  78.         const newVideos = mutations.some(mutation => 
  79.             mutation.type === 'childList' && 
  80.             mutation.addedNodes.length > 0
  81.         );
  82.  
  83.         if (newVideos) {
  84.             // Small delay to ensure new content is fully rendered
  85.             setTimeout(HIDE_LOW_VIEW_VIDEOS, 100);
  86.         }
  87.     });
  88.  
  89.     // Start observing the page for changes
  90.     const targetNode = document.body;
  91.     observer.observe(targetNode, observerOptions);
  92. })();