Plug.dj Non-crappy UX

gistfile1.js

// credit
// Most of this is copied from https://github.com/WouterG/PlugDJ-Development/blob/master/Fullscreen-Video.js

// source
(function(){
    function fullVideo() {
        //select the first element inside '#playback'
        //and the first element in '#playback-container'
        $('#playback:first, #playback-container:first')

        //modify the css in all selected elements at the same time
        .css("left", "0px")
        .css("height", "100%")
        .css("width", "100%");
        
        $('#room:first')
        .css("width", "100%")
        .css("background-color", "black");
        
        $('#audience:first, #dj-booth:first, #chat:first').css("display", "none");
    }

    fullVideo();

    window.onresize = fullVideo;

    setInterval(function() {
        if ($('#playback-container')[0].style.width != '100%') {
            fullVideo();
        }
    }, 500);
})();

// minified
(function(){function s(){$("#playback:first, #playback-container:first").css("left","0px").css("height","100%").css("width","100%"),$("#room:first").css("width","100%").css("background-color","black"),$("#audience:first, #dj-booth:first, #chat:first").css("display","none")}s(),window.onresize=s,setInterval(function(){"100%"!=$("#playback-container")[0].style.width&&s()},500)})();