IMDbPlay

Play movies directly from IMDb (using VidSrc)

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_link:Tampermonkey}.

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         IMDbPlay
// @namespace    https://avramovic.info/
// @version      1.0.2
// @description  Play movies directly from IMDb (using VidSrc)
// @author       Nemanja Avramovic
// @match        https://www.imdb.com/title/tt*
// @match        https://www.imdb.com/*/title/tt*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=imdb.com
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  const observer = new MutationObserver(() => {
    const pageTitle = document.querySelector("h1");
    if (pageTitle && !pageTitle.querySelector('.play-icon')) {
      const playIcon = document.createElement("span");
      playIcon.className = "play-icon"; // Add a class to avoid duplicates
      playIcon.textContent = " ▶️";
      playIcon.style.cursor = "pointer";
      playIcon.title = "Click to play in an overlay, ctrl+click (cmd+click on Mac) to open in a new tab.";
      playIcon.addEventListener("click", (e) => {
        const pathSegments = window.location.pathname.split('/').filter(segment => segment);
        let imdb_id = pathSegments[1];
        if (!imdb_id.startsWith('tt')) {
          imdb_id = pathSegments[2];
        }
        let media_type = document.querySelector('meta[property="og:type"]')?.content;
        let base_url = 'https://proxy.garageband.rocks/embed';

        let video_url = base_url + '/movie/' + imdb_id;
        if (media_type === 'video.tv_show') {
          video_url = base_url + '/tv/' + imdb_id + '?autonext=1';
        }

        if (e.ctrlKey || e.metaKey) {
          window.open(video_url);
        } else {
          createLightbox(video_url);
        }
      });

      pageTitle.appendChild(playIcon);
    }
  });

  observer.observe(document.body, {childList: true, subtree: true});

  function createLightbox(iframeSrc) {
    // Create lightbox container
    const lightbox = document.createElement('div');
    Object.assign(lightbox.style, {
      position: 'fixed',
      top: '0',
      left: '0',
      width: '100vw',
      height: '100vh',
      backgroundColor: 'rgba(0, 0, 0, 0.8)',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      zIndex: '9999',
    });

    // Create iframe
    const iframe = document.createElement('iframe');
    Object.assign(iframe.style, {
      width: '90%',
      height: '90%',
      border: 'none',
      borderRadius: '8px',
    });
    iframe.allowFullscreen = true;
    iframe.src = iframeSrc;

    // Append iframe to lightbox
    lightbox.appendChild(iframe);

    // Close lightbox when clicking outside iframe
    lightbox.addEventListener('click', (event) => {
      if (event.target === lightbox) {
        lightbox.remove();
      }
    });

    // Close lightbox when ESC is pressed
    document.addEventListener('keyup', function (event) {
      if (event.key === "Escape") {
        lightbox.remove();
      }
    });

    // Add lightbox to the body
    document.body.appendChild(lightbox);
  }

})();