cc-fan.tv - Кнопка Picture-in-picture для Бриклберри

Кнопка для открытия видео в режиме Picture-in-picture для Бриклберри

// ==UserScript==
// @name         cc-fan.tv - Кнопка Picture-in-picture для Бриклберри
// @namespace    https://brickleberry.cc-fan.tv/
// @version      1.3
// @description  Кнопка для открытия видео в режиме Picture-in-picture для Бриклберри
// @author       You
// @match        https://brickleberry.cc-fan.tv/page.php?id=*
// @icon         https://brickleberry.cc-fan.tv/images/favicon.ico
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    var button = document.createElement("button");
    button.innerHTML = `<svg width="24px" height="24px" style="display: block;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M0 0h24v24H0z" fill="none"/>
    <path d="M21 3a1 1 0 0 1 1 1v7h-2V5H4v14h6v2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm0 10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8zm-1 2h-6v4h6v-4z"/>
</svg>`;
    button.style.position = "fixed";
    button.style.right = "1rem";
    button.style.bottom = "1rem";
    button.style.cursor = "pointer";
    button.style.boxShadow = "0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28)";
    button.style.padding = "0.25rem 0.75rem";
    button.setAttribute("title", "Открыть плеер в плавающем окошке");
    button.onclick = function() {
        var video = document.getElementsByTagName("video")[0];
        if (video) {
            video.requestPictureInPicture();
        }
    }
    document.body.appendChild(button);
})();// ==UserScript==
// @name        New script - greasyfork.org
// @namespace   Violentmonkey Scripts
// @match       https://greasyfork.org/ru/help/installing-user-scripts
// @grant       none
// @version     1.0
// @author      -
// @description 10.12.2023, 18:31:04
// ==/UserScript==