varbase_media_header-9.0.0-alpha1/js/oembed-frame.media-header.youtube.js

function ready(fn) {
  if (document.readyState !== 'loading') {
    fn();
  } else if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', fn);
  } else {
    document.attachEvent('onreadystatechange', function onReadyStateChange() {
      if (document.readyState !== 'loading') fn();
    });
  }
}

const tag = document.createElement('script');
tag.src = '//youtube.com/player_api';
const firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

ready(function initializeYouTubePlayer() {
  const mediaIframe = document.querySelector('iframe');
  mediaIframe.setAttribute('id', 'media-oembed-iframe');

  let playerConfigured = false;
  let youtubePlayer;

  function onPlayerReady(event) {
    event.target.mute();
    event.target.setVolume(0);
    event.target.playVideo();
  }

  function onPlayerStateChange(event) {
    if (event.data === window.YT.PlayerState.ENDED) {
      youtubePlayer.isPlaying = false;
      youtubePlayer.seekTo(0);
      youtubePlayer.playVideo();
    } else if (event.data === window.YT.PlayerState.PLAYING) {
      youtubePlayer.isPlaying = true;
    } else {
      youtubePlayer.isPlaying = false;
    }
  }

  function handlePlayer() {
    const youtubeIframe = document.querySelector('iframe[src*="youtube.com"]');
    if (youtubeIframe !== undefined && youtubeIframe.src !== undefined) {
      if (!playerConfigured) {
        let youtubeURL = String(youtubeIframe.src);
        youtubeURL = youtubeURL.replace(/autoplay=0/gi, 'autoplay=1');
        youtubeURL = youtubeURL.replace(/controls=0/gi, 'controls=1');
        youtubeURL += '&controls=0';
        youtubeURL += '&enablejsapi=1';
        youtubeURL += '&showinfo=0'; // Hide the video title
        youtubeURL += '&modestbranding=1'; // Hide the Youtube Logo
        youtubeURL += '&loop=1'; // Run the video in a loop
        youtubeURL += '&fs=1'; // Hide the full screen button
        youtubeURL += '&cc_load_policy=1'; // Hide closed captions
        youtubeURL += '&iv_load_policy=1'; // Hide the Video Annotations
        youtubeURL += '&volume=0';
        youtubeURL += '&rel=0';
        youtubeIframe.src = youtubeURL;
        youtubeURL = undefined;

        youtubePlayer = new window.YT.Player(youtubeIframe.id, {
          playerVars: {
            autoplay: 1, // Auto-play the video on load
            controls: 0, // Show pause/play buttons in player
            showinfo: 0, // Hide the video title
            modestbranding: 1, // Hide the Youtube Logo
            loop: 1, // Run the video in a loop
            fs: 0, // Hide the full screen button
            autohide: 0, // Hide video controls when playing
            rel: 0, // Hide related videos
          },
          events: {
            onReady: onPlayerReady,
            onStateChange: onPlayerStateChange,
          },
        });

        playerConfigured = true;
      }
    }
  }

  function actionProcessor(evt) {
    // Manage Youtube video.
    if (evt.data === 'play') {
      if (
        (typeof window.YT === 'undefined' ||
          typeof window.YT.Player === 'undefined') &&
        !window.loadingPlayer
      ) {
        window.loadingPlayer = true;
        window.onYouTubeIframeAPIReady = function onYouTubeIframeAPIReady() {
          handlePlayer();
        };
      } else {
        handlePlayer();
      }
    }
  }

  // Setup the event listener for messaging.
  if (window.addEventListener) {
    window.addEventListener('message', actionProcessor, false);
  } else {
    window.attachEvent('onmessage', actionProcessor);
  }
});