Verflixxte Klixx: Verflixxter Views Viewer

vk_views_viewer.user.js

// ==UserScript==
// @name         Verflixxte Klixx: Verflixxter Views Viewer
// @namespace    https://www.rocketbeans.tv/
// @version      1.0
// @description  Zeigt die Views von YT-Videos nur bei Hover.
// @author       cyberblitzbirne
// @include      http://*youtube.com/watch*
// @include      https://*youtube.com/watch*
// @require      https://code.jquery.com/jquery-3.2.1.slim.min.js
// @require      https://gist.githubusercontent.com/BrockA/2625891/raw/waitForKeyElements.js
// ==/UserScript==

(function() {
    'use strict';
    
    var vkTextReplacement = '*trommelwirbel*';
    
    var ytApp = document.querySelectorAll('body');
    Array.prototype.forEach.call(ytApp, function(el, i) {
        el.style.display = 'none';
    });

    function vkRbtvCallback(el) {
        el.attr('data-vk-views', el.text()).attr('title', el.text());
        el.on('mouseover', function() {
            el.css('cursor', 'help').text(el.attr('data-vk-views'));
        });
        el.on('mouseout', function(e) {
            el.css('cursor', 'auto').text(vkTextReplacement);
        });
        el.text(vkTextReplacement);
        
        var ytApp = document.querySelectorAll('body');
        Array.prototype.forEach.call(ytApp, function(el, i) {
            if( el.style.display !== '' ) {
              el.style.display = '';
            }
        });
    }
    
    waitForKeyElements('span.yt-view-count-renderer', vkRbtvCallback);
})();