☰

Twitch Player Plus

Various tweaks to the Twitch HTML5 player UI

当前为 2015-10-03 提交的版本，查看 最新版本。

// ==UserScript==
// @name       Twitch Player Plus
// @namespace  http://ehsankia.com
// @version    0.1
// @description  Various tweaks to the Twitch HTML5 player UI
// @match      http://www.twitch.tv/**
// @copyright  2015+, Ehsan Kia
// ==/UserScript==

var id = setInterval(function() {
    var html5Player = $('div.player');
    if (html5Player.length > 0) {
        setTimeout(applyFixes, 3000);
        clearInterval(id);
    }
}, 1000);

function applyFixes() {
    // Sticky volume slider
    $('.js-volume-container').css('width', '13em');

    // Move quality option to main bar
    $(".js-quality").insertAfter($('.js-quality-display-contain'));
    $(".js-quality").css({float: "left", margin: "5px"});
    
    document.addEventListener("keypress", function(e){
        if(e.which === 102) {
            // enterFS($('div.player')[0]);
        }
    });
}

function enterFS(elem) {
    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
        elem.webkitRequestFullscreen();
    }
}