Loop Fix

Fixes youtube video repeating when watching in playlist + refreshing page if video stopped downloading

Per 18-09-2024. Zie de nieuwste versie.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         Loop Fix
// @description  Fixes youtube video repeating when watching in playlist + refreshing page if video stopped downloading
// @version      0.1.5
// @author       0vC4
// @namespace    https://greasyfork.org/users/670183
// @match        *://*.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @run-at       document-start
// @license      MIT
// @grant        none
// ==/UserScript==

(() => {
    function blockEvents(condition, ...events) {
        events = events.flat();
        const tag = window.EventTarget.prototype;
        tag._add = tag.addEventListener;
        tag.addEventListener = function (name, callback, options) {
            if (!events.includes(name)) return tag._add.call(this, name, callback, options);

            function cb(e) {
                if (!condition.call(this)) return;
                callback.call(this, e);
            };

            tag._add.call(this, name, cb, options);
        };
    }

    blockEvents(function() {
        return !this.loop; // have loop = block events
    }, 'pause', 'timeupdate', 'waiting');
})();

const log = window.console.log;
window.loopState = localStorage.getItem('loopState') ?? false;
function clicking(e) {
    window.loopState = JSON.parse(this.ariaChecked);
};

let created = false;
let refreshing = false;
let loaded = false;
let oldVid = null;
window.setInterval(()=>{
    const vid = window.document.querySelector('video.html5-main-video');
    if (vid) {
        // to prevent false detecting when changing video
        if (vid != oldVid) {
            loaded = false;
            oldVid = vid;
        }

        if (!created) {
            created = true;
            localStorage.removeItem('loopState');
        }

        // apply loopState after .src or page refresh
        if (vid.loop != window.loopState) vid.loop = window.loopState;

        // to prevent early page refresh
        if (vid.readyState === window.HTMLMediaElement.HAVE_CURRENT_DATA) loaded = true;

        const noData = vid.readyState === window.HTMLMediaElement.HAVE_CURRENT_DATA || vid.readyState === window.HTMLMediaElement.HAVE_METADATA;
        if (loaded && !refreshing && noData && !vid.paused && +vid.currentTime.toFixed(0) >= +vid.buffered.end(0).toFixed(0) - 1) {
            localStorage.setItem('loopState', window.loopState);
            window.location.href = window.location.href.split('?')[0] + '?t=' + vid.currentTime.toFixed(0) + '&' + window.location.href.split('?')[1];
            refreshing = true;
        }
    }

    // attach loop click detector
    const repeat = window.document.querySelectorAll('.ytp-menuitem[tabindex="-1"]')[0];
    if (repeat && repeat.onclick != clicking) {
        repeat.onclick = clicking
    }
});