// ==UserScript==
// @name         m.YouTube.com more playback speeds
// @namespace    m-youtube-com-more-playback-speeds
// @version      1.0
// @description  Adds 2.25x 2.5x 2.75x 3x speed buttons below the video
// @author       hlorand.hu
// @match        https://m.youtube.com/watch*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        none
// @license      https://creativecommons.org/licenses/by-nc-sa/4.0/
// @downloadURL none
// ==/UserScript==

(function() {
    //'use strict';

    window.addEventListener('load', function () {

        const speeds = ["3.5","3.25","3.0","2.75","2.5","2.25","2.0","1.75","1.5"];

        speeds.forEach((speed)=>{
            let button = document.createElement('button');
            button.textContent = speed;
            button.className = "speedbutton";

            button.style.margin = "5px";
            button.style.padding = "5px";
            button.style.backgroundColor = "blue";
            button.style.position = "relative";

            button.onclick = function() {
                video = document.querySelector("video");

                if(video && video.readyState >= 2) {

                    video.playbackRate = this.textContent;

                    video.mozPreservesPitch = video.webkitPreservesPitch = video.preservePitch = true;

                    document.querySelectorAll(".speedbutton").forEach((btn)=>{
                        btn.style.backgroundColor = "blue";
                    });
                    this.style.backgroundColor = "darkorange";
                }
            };

            let div = document.querySelector('.related-chips-slot-wrapper');
            div.insertBefore(button, div.firstChild);
        });

    }); // end addEventListener

})();