Theater mode for http://jukebox.today/

Inject.js

(function() {
  const style = document.createElement('style');

  style.innerHTML = `
    .theater .js-jukebox-list {
      display: none !important;
    }

    .theater .current__info {
      display: none !important;
    }

    .theater .current__options {
      display: none !important;
    }

    .theater .js-jukebox-current {
      height: 100% !important;
    }

    .theater .current__video {
      height: 100% !important;
      width: 100% !important;
      top: 0 !important;
      left: 0 !important;
    }
  `;

  document.head.append(style);

  const handleOnClick = () => {
    const [body] = document.getElementsByTagName('body');
    body.classList.toggle('theater');
  };

  const control = document.createElement('div');
  control.className = 'menu__btn menu--right';
  control.innerText = 'Theater';
  control.onclick = handleOnClick;

  const bar = document.querySelector('.menu--1');
  bar.append(control);
})();