埋め込み動画にURL表示のソースコード

Greasy Fork is available in English.
埋め込み動画にURL表示

ページに埋め込まれたYouTubeの動画の下に動画視聴ページのURLを付け加えます
// ==UserScript==
// @name           video watch page url
// @name:ja        埋め込み動画にURL表示
// @namespace      https://greasyfork.org/users/19523
// @description    Display "https://www.youtube.com/watch?v=***********" of embedded YouTube videos.
// @description:ja ページに埋め込まれたYouTubeの動画の下に動画視聴ページのURLを付け加えます
// @include        *
// @exclude        http://www.youtube.com/*
// @exclude        https://www.youtube.com/*
// @version        0.3.9
// @grant          none
// ==/UserScript==


(function () {
  var style = document.createElement('style');
  style.type = 'text/css';
  style.appendChild(document.createTextNode('' +
    'a.youtube-url {' +
      'position: relative;' +
      'display: table;' +
      'font-size: initial;' +
      'z-index: 2147483647;' +
    '}' +
    '#colorbox {' +
      'overflow: visible !important;' +
    '}' +
    '#cboxWrapper {' +
      'overflow: visible !important;' +
    '}' +
    '#cboxContent {' +
      'overflow: visible !important;' +
    '}' +
    ''));
  document.getElementsByTagName('head')[0].appendChild(style);
})();

// IIFE to avoid circular reference by DOM and closure. (Narrow the scope.)
(function () {
  try {
    var observer = new MutationObserver(function (mutations) {
      insertVideoURL(observer);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  } catch (e) {
    if (window.top != window.self) {
      return;
    }

    var elementCounts = document.querySelectorAll('*').length;
    function observeLength() {
      if (elementCounts != document.querySelectorAll('*').length) {
        elementCounts = document.querySelectorAll('*').length;
        insertVideoURL();
      }
      return;
    }
    setInterval(function () { observeLength(); }, 5000);
  }
})();

window.addEventListener('load', insertVideoURL);

function insertVideoURL(observer) {
  try {
    observer.disconnect();
  } catch (e) {
    var event = observer;
    observer = { disconnect: function () {}, observe: function (target, options) {} };
  }

  var elements = document.querySelectorAll('iframe[src*="//www.youtube.com/embed/"]:not([class~="youtube-url"])');
  for (var i = 0, element; element = elements[i]; i++) {
    var a = document.createElement('a');
    if (element.src.indexOf('videoseries') >= 0) {
      a.href = element.src.replace(/embed\/videoseries/, 'playlist');
    } else {
      a.href = element.src.split('?')[0].replace(/embed\//, 'watch?v=');
    }
    a.appendChild(document.createTextNode(a.href));
    element.className += a.className = ' youtube-url';

    var hasLittle, insertedElement;
    if (hasLittle && elements[i-1] && element.parentElement === elements[i-1].parentElement) {
      element = insertedElement.nextSibling;
    } else if (hasLittle = element.parentNode.children.length < element.parentNode.parentNode.children.length + element.parentNode.parentNode.parentNode.children.length) {
      element = element.parentElement;
    }
    insertedElement = element.parentElement.insertBefore(a, element.nextSibling);
    console.log('Detected URL: %s', elements[i].src);
  }

  var elements = document.querySelectorAll('iframe[src*="//www.youtube-nocookie.com/embed/"]:not([class~="youtube-url"])');
  for (var i = 0, element; element = elements[i]; i++) {
    var a = document.createElement('a');
    if (element.src.indexOf('videoseries') >= 0) {
      a.href = element.src.replace(/-nocookie\.com\/embed\/videoseries/, '.com/playlist');
    } else {
      a.href = element.src.split('?')[0].replace(/-nocookie\.com\/embed\//, '.com/watch?v=');
    }
    a.appendChild(document.createTextNode(a.href));
    element.className += a.className = ' youtube-url';

    var hasLittle, insertedElement;
    if (hasLittle && elements[i-1] && element.parentElement === elements[i-1].parentElement) {
      element = insertedElement.nextSibling;
    } else if (hasLittle = element.parentNode.children.length < element.parentNode.parentNode.children.length + element.parentNode.parentNode.parentNode.children.length) {
      element = element.parentElement;
    }
    element.parentElement.insertBefore(a, element.nextSibling);
    console.log('Detected URL: %s', elements[i].src);
  }

  var elements = document.querySelectorAll('iframe[data-src*="//www.youtube.com/embed/"]:not([class~="youtube-url"])');
  for (var i = 0, element; element = elements[i]; i++) {
    var a = document.createElement('a');
    if (element.getAttribute('data-src').indexOf('videoseries') >= 0) {
      a.href = element.getAttribute('data-src').replace(/embed\/videoseries/, 'playlist');
    } else {
      a.href = element.getAttribute('data-src').split('?')[0].replace(/embed\//, 'watch?v=');
    }
    a.appendChild(document.createTextNode(a.href));
    element.className += a.className = ' youtube-url';

    var hasLittle, insertedElement;
    if (hasLittle && elements[i-1] && element.parentElement === elements[i-1].parentElement) {
      element = insertedElement.nextSibling;
    } else if (hasLittle = element.parentNode.children.length < element.parentNode.parentNode.children.length + element.parentNode.parentNode.parentNode.children.length) {
      element = element.parentElement;
    }
    element.parentElement.insertBefore(a, element.nextSibling);
    console.log('Detected URL: %s', elements[i].getAttribute('data-src'));
  }

  var elements = document.querySelectorAll('iframe[data-src*="//www.youtube-nocookie.com/embed/"]:not([class~="youtube-url"])');
  for (var i = 0, element; element = elements[i]; i++) {
    var a = document.createElement('a');
    if (element.getAttribute('data-src').indexOf('videoseries') >= 0) {
      a.href = element.getAttribute('data-src').replace(/-nocookie\.com\/embed\/videoseries/, '.com/playlist');
    } else {
      a.href = element.getAttribute('data-src').split('?')[0].replace(/-nocookie\.com\/embed\//, '.com/watch?v=');
    }
    a.appendChild(document.createTextNode(a.href));
    element.className += a.className = ' youtube-url';

    var hasLittle, insertedElement;
    if (hasLittle && elements[i-1] && element.parentElement === elements[i-1].parentElement) {
      element = insertedElement.nextSibling;
    } else if (hasLittle = element.parentNode.children.length < element.parentNode.parentNode.children.length + element.parentNode.parentNode.parentNode.children.length) {
      element = element.parentElement;
    }
    element.parentElement.insertBefore(a, element.nextSibling);
    console.log('Detected URL: %s', elements[i].getAttribute('data-src'));
  }

  // Flash-embedded videos
  var elements = document.querySelectorAll('embed[src*="//www.youtube.com/v/"]:not([class~="youtube-url"])');
  for (var i = 0, element; element = elements[i]; i++) {
    var a = document.createElement('a');
    a.href = element.src.split('?')[0].replace(/v\//, 'watch?v=');
    a.appendChild(document.createTextNode(a.href));
    element.className += a.className = ' youtube-url';
    element.parentElement.insertBefore(a, element.nextSibling);
    console.log('Detected URL: %s', elements[i].src);
  }

  var elements = document.querySelectorAll('embed[src*="//www.youtube-nocookie.com/v/"]:not([class~="youtube-url"])');
  for (var i = 0, element; element = elements[i]; i++) {
    var a = document.createElement('a');
    a.href = element.src.split('?')[0].replace(/-nocookie\.com\/v\//, '.com/watch?v=');
    a.appendChild(document.createTextNode(a.href));
    element.className += a.className = ' youtube-url';
    element.parentElement.insertBefore(a, element.nextSibling);
    console.log('Detected URL: %s', elements[i].src);
  }

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