Raw Source Toggle Dropdown

• Minified Source

SminkyBazzA / Fix YouTube Videos - rockpapershotgun.com

// ==UserScript==
// @name        Fix YouTube Videos - rockpapershotgun.com
// @match       https://www.rockpapershotgun.com/*
// @grant       none
// @version     1.0
// @author      SminkyBazzA
// @description A bodge to get rid of those grey squares, turns out you don't _need_ to enable tracking cookies. Who knew?!
// @license MIT
// @copyright 2020, SminkyBazzA (https://openuserjs.org/users/SminkyBazzA)
// @updateURL https://openuserjs.org/meta/SminkyBazzA/Fix_YouTube_Videos_-_rockpapershotgun.com.meta.js
// ==/UserScript==

function replace_iframe(element, url) {
  // use cookie-less domain, ignore any querystring params (TODO: allow timestamp?)
  var new_url = '//www.youtube-nocookie.com'+url.pathname

  
  var new_iframe = document.createElement('iframe')
  
  // these seem to work, might need more for mobile support?
  new_iframe.setAttribute('src', new_url)
  new_iframe.setAttribute('allowfullscreen', '')
  new_iframe.setAttribute('width', '100%')
  new_iframe.setAttribute('height', '100%')
  
  // clear the junk out of the wrapper and put the clean iframe in
  var parent = element.parentNode
  parent.innerHTML = ''
  parent.appendChild(new_iframe)
}

// wait a moment after the page is ready before swapping any iframes loading from YouTube
(function () {
  setTimeout(function () {
    document.querySelectorAll('.embed-wrapper iframe').forEach((element) => {
      var url = new URL(element.dataset.src)
      if (url.hostname == 'www.youtube.com') { replace_iframe(element, url) }
      
    })
  }, 1000);
})();