Enable standard video controls

enable standard video controls

当前为 2024-09-12 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name               Enable standard video controls
// @namespace          https://gf.qytechs.cn/users/821661
// @match              https://www.instagram.com/*
// @grant              none
// @version            1.0
// @author             hdyzen
// @description        enable standard video controls
// @license            GPL-3.0
// ==/UserScript==
"use strict";

const isStories = () => window.location.pathname.startsWith("/stories/");

const videosHandler = videosEl => {
    for (const video of videosEl) {
        const videoNextSibling = video.nextElementSibling;
        const containerButtons = videoNextSibling.children[0];
        video.setAttribute("controls", "");

        videoNextSibling.onclick = ev => {
            containerButtons.style.display = "contents";
            containerButtons.children[1].style.display = "none";
            video.play();
        };
    }
};

const mutationsHandler = mutations => {
    const videosEl = [...document.querySelectorAll("video[src")].filter(video => !video.hasAttribute("controls"));
    if (videosEl.length && !isStories()) {
        videosHandler(videosEl);
    }
};

const observer = new MutationObserver(mutationsHandler);

observer.observe(document.body, { childList: true, subtree: true });

欢迎访问Greasy Fork镜像