Geekbang player tweak

tweak caption size
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         Geekbang player tweak
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  tweak caption size
// @author       You
// @match        https://u.geekbang.org/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=geekbang.org
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    window.addEventListener('load', function() {
        var fontSize = 55;
        var btn = document.createElement('button');
        btn.type = 'button';
        var style = btn.style;
        style.position = 'absolute';
        style.top = '190px';
        style.right = '10px';
        style.zIndex = 9999;
        style.paddingLeft = '10px';
        style.paddingRight = '10px';
        style.background = 'linear-gradient(-30deg,#f2802a,#fe9022)';
        style.border = 'none';
        style.boxShadow = '1px 3px 15px 0 rgb(242 128 42 / 20%)';
        style.boxSizing = 'border-box';
        style.width = '40px';
        style.height = '40px';
        style.borderRadius = '40px';
        style.cursor = 'pointer';
        var icon = document.createElement('i');
        icon.classList.add('iconfont');
        icon.innerHTML = '😀';
        btn.appendChild(icon);
        document.body.appendChild(btn);
        var options = {
            actived: false
        };
        btn.addEventListener('click', function () {
            function resetFontStyle(e) {
                e.removeAttribute('style');
            }
            function setFontStyle(e) {
                var style = e.style;
                style.fontSize = fontSize + 'px';
                style.lineHeight = fontSize + 'px';
                style.bottom = '100px';
            }
            var captionChildren = document.querySelector('.gkplayer').childNodes;
            var container = captionChildren[6];
            var backdrop = captionChildren[5];
            if (options.actived) {
                resetFontStyle(container);
                resetFontStyle(backdrop);
                options.actived = false;
            } else {
                setFontStyle(container);
                setFontStyle(backdrop);
                options.actived = true;
            }
        });
    }, false);
})();
欢迎访问Greasy Fork镜像
