Keeps checking if autoplay got enabled by itself and disables it. This stops YouTube from forcing you to watch some random video next after the one you're currently watching ends, even if you disabled autoplay.
// ==UserScript==
// @name Disable YouTube Autoplay
// @description Keeps checking if autoplay got enabled by itself and disables it. This stops YouTube from forcing you to watch some random video next after the one you're currently watching ends, even if you disabled autoplay.
// @namespace https://github.com/tadwohlrapp
// @author Tad Wohlrapp
// @version 0.2.0
// @license MIT
// @homepageURL https://github.com/tadwohlrapp/disable-youtube-autoplay
// @supportURL https://github.com/tadwohlrapp/disable-youtube-autoplay/issues
// @icon https://github.com/tadwohlrapp/disable-youtube-autoplay/raw/main/icon.png
// @match https://www.youtube.com/*
// @grant none
// ==/UserScript==
let counter
const autoplayButton = () => document.querySelector('.ytp-autonav-toggle-button')
const initializeAutoplayDisabler = () => {
if (!location.pathname.startsWith('/watch')) return
if (!autoplayButton()) { return setTimeout(() => { initializeAutoplayDisabler() }, 1000) }
counter = 0
console.info('[Disable YouTube Autoplay]: Video detected. Autoplay deactivation counter: 0')
autoplayButton().dataset.counter = '⏸'
fightAutoplay()
}
const fightAutoplay = () => {
setTimeout(() => {
if (autoplayButton().getAttribute('aria-checked') === 'true') {
autoplayButton().click()
counter++
autoplayButton().dataset.counter = counter
console.info(`[Disable YouTube Autoplay]: Autoplay deactivation counter: ${counter} (${new Date().toLocaleTimeString()})`)
}
fightAutoplay()
}, 500)
}
const addGlobalStyle = (css) => {
const head = document.getElementsByTagName('head')[0]
if (!head) return
const style = document.createElement('style')
style.innerHTML = css
head.appendChild(style)
}
(() => {
'use strict'
window.addEventListener('yt-navigate-finish', initializeAutoplayDisabler, true)
initializeAutoplayDisabler()
addGlobalStyle(`
.ytp-autonav-toggle-button[aria-checked=false]:after {
content: attr(data-counter);
line-height: 20.4px;
text-align: center;
font-size: 12px;
font-weight:700;
background-color: #666;
background-image: none;
}
.ytp-autonav-toggle-button[aria-checked=true]:after {
content: "";
}
.ytp-big-mode .ytp-autonav-toggle-button[aria-checked=false]:after {
line-height: 25.5px;
font-size: 14px;
}
`)
})()