Greasy Fork is available in English.

YouTube to Netflix Player Style

Style YouTube player to look like Netflix player

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_link:Tampermonkey}.

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         YouTube to Netflix Player Style
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Style YouTube player to look like Netflix player
// @author       Mason
// @match        https://www.youtube.com/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // Add custom CSS to style the YouTube player
    GM_addStyle(`
        /* Hide YouTube controls */
        .ytp-chrome-top, .ytp-chrome-bottom {
            display: none !important;
        }

        /* Adjust player size */
        #player-container {
            width: 100% !important;
            height: 100% !important;
        }

        /* Style the play/pause button */
        .ytp-play-button {
            background-image: url('https://your-netflix-play-button-image-url'); /* Replace with your Netflix-style play button image URL */
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* Style the progress bar */
        .ytp-progress-bar-container {
            background: #333 !important; /* Darker background for the progress bar */
        }

        /* Style the volume button */
        .ytp-volume-panel {
            background: #333 !important; /* Darker background for volume panel */
        }

        /* Customize other elements as needed */
        /* Add more CSS rules to style the player as per your needs */
    `);

})();