YouTube thumbnail blur userscript

yt-blur.js

// ==UserScript==
// @name        YouTube Thumbnail Blur
// @namespace   YouTube Scripts
// @match       https://www.youtube.com/*
// @grant       none
// @version     1.1
// @author      SJongeJongeJonge
// @description 21-9-2020 00:05:32 Blurs thumbnails on the youtube homepage.
// ==/UserScript==

const css = `
ytd-rich-item-renderer img {
  filter: blur(18px)
}

ytd-rich-item-renderer:hover img {
  filter: none
}
`;

function addCss() {
  const style = document.createElement('style');
  style.type = 'text/css';
  style.innerHTML = css;
  document.getElementsByTagName('head')[0].appendChild(style);
}

if (window.document)
  addCss();
else
  window.addEventListener('DOMContentLoaded', addCss);

window.addEventListener('yt-page-type-changed', addCss);


// Compacte thumbnails, gerelateerde video's enz.
// ytd-compact-video-renderer img {
//   filter: blur(8px)
// }

// ytd-compact-video-renderer:hover img {
//   filter: none
// }