Disney+ Enable PiP Userscript

disneypip.user.js

// ==UserScript==
// @name         Disney+ PiP
// @namespace    pauljones.io
// @version      0.2
// @description  Enable PiP on Disney+ videos.
// @author       Paul Jones
// @match        https://www.disneyplus.com/*
// @grant        none
// ==/UserScript==

'use strict';

(function() {
  // This is the root element, and the only thing we know will be available.
  const targetNode = document.getElementById('webAppRoot');

  // Mutation Observers are a cool way to watch elements for changes.
  const observer = new MutationObserver((mutationsList, observer) => {
    mutationsList.forEach((item) => {
      // Disney+ injects the video element dynamically. They no longer use the `autoplay` attribute, so ...
      // When there is a change to the `src` attribute on a `<video>` tag 
      if (item.type === 'attributes' && item.attributeName === 'src' && item.target.tagName === 'VIDEO') {
        // ... set the 'disablePictureInPicture' attribute to false.
        item.target.disablePictureInPicture = false;
      }
    });
  });

  // Tell our observer to monitor changes in attributes, and within child elements.
  observer.observe(targetNode, { attributes: true, subtree: true });
})();