☰

HTML5 embedded youtube videos

Changes the way of embedding youtube videos from old 'object' to new 'iframe'

  1. // ==UserScript==
  2. // @name           HTML5 embedded youtube videos
  3. // @namespace      html5
  4. // @description    Changes the way of embedding youtube videos from old 'object' to new 'iframe' 
  5. // @include        *
  6. // @author         original script by Mikhail Khvoinitsky in (2010 https://userscripts-mirror.org/scripts/show/82749 updated in 2020 to add https to remove mixed content error.
  7. // @version        0.3
  8. // ==/UserScript==  
  9.  
  10.  
  11. var insertLink = 1;
  12.  
  13.  
  14.  
  15. var n = 0;
  16. while (document.getElementsByTagName("object")[n] != undefined)
  17. {
  18.   
  19.     var currentElement = document.getElementsByTagName("object")[n];
  20.   
  21.       if (currentElement.getElementsByTagName("embed")[0] == undefined){
  22.       }
  23.  
  24.   
  25.       if (currentElement.getElementsByTagName("embed")[0] != undefined)
  26.       {  
  27.       		if ((currentElement.getElementsByTagName("embed")[0].src.indexOf("http://youtube.com/") == 0) 
  28.           || (currentElement.getElementsByTagName("embed")[0].src.indexOf("http://www.youtube-nocookie.com/") == 0))
  29.     			{
  30.             
  31.               var newElement = document.createElement('iframe');
  32.               newElement.setAttribute('class', 'youtube-player');
  33.               newElement.setAttribute('width', currentElement.width);
  34.               newElement.setAttribute('height', currentElement.height);
  35.               
  36.               var src = currentElement.getElementsByTagName("embed")[0].src;
  37.               newElement.setAttribute('frameborder', '0');
  38.               src = src.replace('.com/v/', '.com/embed/');
  39.             	src = src.replace('http:', 'https:');
  40.               src = src.split('&')[0];
  41.               newElement.setAttribute('src', src);
  42.               currentElement.parentNode.insertBefore(newElement, currentElement);
  43.               if (insertLink == 1)
  44.               {
  45.                   var link = document.createElement('a');
  46.                   link.setAttribute('href', 'https://www.youtube.com/watch?v=' + src.substring(src.lastIndexOf('/') + 1, src.length));
  47.                   link.innerHTML = 'Watch this video on Youtube';
  48.                   var br = document.createElement('br');
  49.                   currentElement.parentNode.insertBefore(br, currentElement);
  50.                   currentElement.parentNode.insertBefore(link, currentElement);
  51.               }
  52.               currentElement.parentNode.removeChild(currentElement);
  53.               n--;
  54.          }
  55.          n++;
  56.       }
  57. }