SkyGo Persistent Fullscreen Player

Adds a button to SkyGo to enable Permanent Fullscreen Mode. Works for any resolution and adapts player size on browser resize. Press [ESC] to enter/leave fullscreen mode. Works fine with multi-display setups.

  1. // ==UserScript==
  2. // @name SkyGo Persistent Fullscreen Player
  3. // @namespace http://www.cb-net.org
  4. // @version 0.1
  5. // @description Adds a button to SkyGo to enable Permanent Fullscreen Mode. Works for any resolution and adapts player size on browser resize. Press [ESC] to enter/leave fullscreen mode. Works fine with multi-display setups.
  6. // @match http://*.skygo.sky.de/*
  7. // @copyright 2015+, Daniel Hoyos
  8. // ==/UserScript==
  9.  
  10. $( window ).resize(function() {
  11. if(window.skyFullscreen){
  12. $('#PolymediaShowPlayer').width($(window).width()).height($(window).height());
  13. }
  14. });
  15.  
  16. var toggleSkyFullscreen = function(){
  17. if(window.skyFullscreen == null)
  18. window.skyFullscreen = false;
  19. window.skyFullscreen = !window.skyFullscreen;
  20. if(window.skyFullscreen)
  21. $('#PolymediaShowPlayer').css({'z-index':5000, 'position':'fixed', 'top':0, 'left':0}).width($(window).width()).height($(window).height());
  22. else
  23. $('#PolymediaShowPlayer').css('position','relative').width(680).height(383);
  24. };
  25. $(document).keyup(function(e) {
  26. if (e.keyCode == 27) {
  27. toggleSkyFullscreen();
  28. }
  29. });
  30.  
  31. $('.detail_actions').append('<a class="button horizontal fullscreenMode"><span style="padding-right:10px"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAphAAAKYQH8zEolAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAABVQTFRF////AAAAAAADAgACAQADAQACAQACwIjQ9gAAAAZ0Uk5TACBggMDgHoTxIAAAAGZJREFUGFdVzzEKgDAMheFE0blLd48gBHoEZ7t0FtTe/wgGa9Lnv33kLSHCBKIK0dlHyTCIrA4u9XBQRHABUETwrmBTUEzBpJgz4g6AmhF2Uowii4O89P/nfXG72qdt0MffpiWw6T2oqyLvfXdsVQAAAABJRU5ErkJggg8440b06f3736ac03d9e1b3bba31a7652"/></span><span>Advanced Fullscreen</span></a>');
  32. $('.fullscreenMode').click(function(){toggleSkyFullscreen();});
  33. $('#footer_nav .navlist').append('<li class="leaf">Fullscreen icon made by <a href="http://www.flaticon.com/authors/picol" title="Picol">Picol</a> from <a href="http://www.flaticon.com" title="Flaticon">flaticon.com</a></li>');
  34. $('.detail_player').prepend('<div style="text-align:left; font-size:12px"><nobr><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VMCBP6HAJLLCW" target="_blank">Click here to buy me a coffee if you like fullscreen mode =)</a></div>');