☰

Allow full screen on embedded Youtube

ViolentMonkey script

当前为 2021-03-15 提交的版本，查看 最新版本。

// ==UserScript==
// @name        Allow full screen on embedded Youtube
// @namespace   [email protected]
// @homepage     https://github.com/mwisnicki/userscripts/blob/master/allowfullscreen-youtube-embed.user.js
// @match       *://*/*
// @grant       none
// @version     4
// @author      [email protected]
// @description ViolentMonkey script
// ==/UserScript==

const URLs = [
  "https://www.youtube.com/embed/",
  "https://youtube.com/embed/",
  "https://www.youtube-nocookie.com/embed/"
];

const SELECTOR = URLs.map(url => `iframe[src^="${url}"]:not([allowfullscreen])`).join(', ');

function forceReloadIframe(iframe) {
  // force reload
  // TODO maybe there's a way to refresh state without reload?
  const span = document.createElement("span");
  iframe.replaceWith(span);
  span.replaceWith(iframe);
}

function fixVideos() {
  const iframes = document.body.querySelectorAll(SELECTOR)
  for (const iframe of iframes) {
    iframe.setAttribute("allowfullscreen","");
    forceReloadIframe(iframe);
    console.log("Forced Youtube allowfullscreen on %o", iframe);
  }
}

fixVideos();

new MutationObserver(fixVideos).observe(document, { childList: true, subtree: true });