Force PiP: Everywhere

Remove PiP blockers on any site, all frames, everywhere

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         Force PiP: Everywhere
// @namespace    pip.fix
// @author       Senriam
// @version      3.1.1
// @description  Remove PiP blockers on any site, all frames, everywhere
// @match        *://*/*
// @run-at       document-start
// @grant        none
// @license      MIT
// ==/UserScript==

(() => {
  'use strict';

  const fixVideo = v => {
    if (!v) return;
    v.removeAttribute('disablepictureinpicture');
    const cl = v.getAttribute('controlsList');
    if (cl && /\b(no|disable)pictureinpicture\b/i.test(cl)) {
      v.setAttribute('controlsList', cl.replace(/\b(no|disable)pictureinpicture\b/ig, '').replace(/\s{2,}/g, ' ').trim());
    }
    try {
      Object.defineProperty(v, 'disablePictureInPicture', {
        get: () => false, set: () => {}, configurable: true
      });
    } catch {}
  };

  const sweep = root => {
    root.querySelectorAll?.('video').forEach(fixVideo);
    // open shadow roots
    root.querySelectorAll?.('*').forEach(el => { if (el.shadowRoot) sweep(el.shadowRoot); });
  };

  new MutationObserver(muts => {
    for (const m of muts) {
      if (m.type === 'attributes' && m.target.tagName === 'VIDEO') fixVideo(m.target);
      if (m.type === 'childList') m.addedNodes.forEach(n => { if (n.nodeType === 1) sweep(n); });
    }
  }).observe(document, {
    subtree: true,
    childList: true,
    attributes: true,
    attributeFilter: ['disablepictureinpicture', 'controlslist']
  });

  // early and late passes
  sweep(document);
  addEventListener('DOMContentLoaded', () => sweep(document));
  addEventListener('load', () => { sweep(document); setTimeout(() => sweep(document), 1000); });
})();