☰

tagesschau.de-html5-videos

tagesschau.de: HTML5 Video all the way - get rid of annoying projekktor player

  1. // ==UserScript==
  2. // @id             www.tagesschau.de-d25add17-4ab0-4d46-ad1e-980d91e0e4cd@https://github.com/about-robots
  3. // @name           tagesschau.de-html5-videos
  4. // @description    tagesschau.de: HTML5 Video all the way - get rid of annoying projekktor player
  5. // @namespace      https://github.com/about-robots
  6. // @include        http://www.tagesschau.de/*
  7. // @exclude        http://www.tagesschau.de/multimedia/video/video-*~player_autoplay-true.html
  8. // @exclude        http://www.tagesschau.de/multimedia/livestreams/index.html
  9. // @run-at         document-end
  10.  
  11. // @version        1.6.2
  12. // ==/UserScript==
  13.  
  14. var mediaTypes = [];
  15. var iframes = document.getElementsByTagName("iframe");
  16.  
  17. for (var i = iframes.length - 1; i >= 0; i--) {
  18.   var mediaResources = iframes[i].getAttribute("data-ctrl-iframe");
  19.   var i1 = mediaResources.indexOf("'src'") + 7;
  20.   var i2 = mediaResources.indexOf("'", i1);
  21.   var mediaPageUrl = "http://www.tagesschau.de" + mediaResources.substr(i1, i2 - i1);
  22.   mediaTypes[i] = mediaPageUrl.indexOf("audio") > -1 ? "audio" : "video";
  23.   
  24.   var oReq = new XMLHttpRequest();
  25.   oReq.onload = (function(e,ix) {
  26.     return function() {
  27.       var mediaType = mediaTypes[ix];
  28.       var i1 = this.response.indexOf("var playlist");
  29.       i1 = this.response.indexOf("http://media.tagesschau.de/", i1);
  30.       var i2 = this.response.indexOf((mediaType == "audio" ? "'" : '"'), i1);
  31.       var mediaFileUrl = this.response.substr(i1, i2 - i1 - (mediaType == "audio" ? 3 : 10)) + ((mediaType == "audio" ? "ogg" : "l.h264.mp4"));
  32.       var mediaElement = document.createElement(mediaType);
  33.       mediaElement.setAttribute("src", mediaFileUrl);
  34.       mediaElement.setAttribute("controls", "1");
  35.       var audioBgImg = "http://www.tagesschau.de/resources/framework/mediaplayer/skin/audiobg.jpg";
  36.       mediaElement.setAttribute("style", "width:100%;height:155px;background:url("+audioBgImg+") center bottom / auto no-repeat transparent;");
  37.       if (mediaType == "video") {
  38.         i1 = this.response.indexOf('poster:', i2);
  39.         i1 = this.response.indexOf("5:", i1);
  40.         i1 = this.response.indexOf('"', i1) + 1;
  41.         i2 = this.response.indexOf('"', i1);
  42.         var videoPosterImg = "http://www.tagesschau.de" + this.response.substr(i1, i2 - i1);
  43.         mediaElement.setAttribute("poster", "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  44.         mediaElement.setAttribute("style", "width:100%;background:url("+videoPosterImg+") center / 100% no-repeat transparent");
  45.       }
  46.  
  47.       iframes[ix].parentNode.insertBefore(mediaElement, iframes[ix]);
  48.       iframes[ix].parentNode.removeChild(iframes[ix]);
  49.     }
  50.   })(oReq,i);
  51.   oReq.open("get", mediaPageUrl, true);
  52.   oReq.send();
  53. }