Greasy Fork is available in English.

simple youtube detail statistics info

only video load info

// ==UserScript==
// @name         simple youtube detail statistics info
// @name:zh-CN   simple youtube detail statistics info
// @namespace    http://tampermonkey.net/
// @version      3.9.1
// @icon        https://s.ytimg.com/yts/img/favicon_32-vflOogEID.png
// @description  change video info simple
// @description:zh-cn only video load info
// @author       Semi @wechat:wxsmcg
// @match        *://*.youtube.com/*
// @include     https://www.youtube.com*
// @grant        none
// @require    https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js
// ==/UserScript==
(function ($, undefined) {
  $(function () {
    'use strict';
    var ver = 3.0;
    //
    var tt1 = setInterval(function(){
        //console.log('TIMER');
        /*
        <div style="" class="toShow">
            <div>Connection Speed</div>
            <span>
                <span>
                    <div class="ytp-horizonchart" style="height: 1em; width: 120px;">
                        <canvas width="300" height="11" style="height: 11px; width: 120px;"></canvas>
                    </div>
                </span>
                <span style="margin-right: 20px;">3234 Kbps</span>
            </span>
        </div>

Video ID / sCPN                LOTbOmvaOJo / 39ZR YNAS 8AJZ
Viewport / Frames              1023x575 / 9 dropped of 107
Current / Optimal Res          854x480@30 / 854x480@30
Volume / Normalized            100% / 100% (content loudness -20.8dB)
Codecs                         vp09.00.51.08.01.01.01.01.00 (244) / opus (251)
Color                          bt709 / bt709
Connection Speed               1021 Kbps
Network Activity               0 KB
Buffer Health                  52.43 s
Mystery Text                   s:4 t:3.33 b:0.000-55.761 P
*/

        $(".html5-video-info-panel").css({"min-width":"18em","background": "rgba(28,28,28,0.4)"});
        // infoPanel
        var infoPanel = $(".html5-video-info-panel-content");
        //
        var tagList = {
            "ConnectionSpeed":{
                "parent":$(infoPanel).find("div:contains('Connection Speed')"),
                "attr":null,
                "canvas":null,
                "val":null
            },
            "NetworkActivity":{
                "parent":$(infoPanel).find("div:contains('Network Activity')"),
                "attr":null,
                "canvas":null,
                "val":null
            },
            "BufferHealth":{
                "parent":$(infoPanel).find("div:contains('Buffer Health')"),
                "attr":null,
                "canvas":null,
                "val":null
            },
        };

        if($(infoPanel).length){
           clearInterval(tt1);
            /*
            Connection Speed
            Network Activity
            Buffer Health
            连接速度
            网络活动
            缓冲状况
            */
            // filter
            tagList.ConnectionSpeed.parent.addClass("toShow");
            tagList.NetworkActivity.parent.addClass("toShow");
            tagList.BufferHealth.parent.addClass("toShow");

            tagList.ConnectionSpeed.parent.children('div').text("CS").css("width","2em").attr("title","Connection Speed | 连接速度 | 接続速度 | Vitesse de connexion");
            tagList.NetworkActivity.parent.children('div').text("NA").css("width","2em").attr("title","Network Activity | 网络活动 | ネットワーク活動 | Activités de réseau");
            tagList.BufferHealth.parent.children('div').text("BH").css("width","2em").attr("title","Buffer Health | 缓冲状况 | 緩衝状況 | état tampon");



            // to hide children , isnot fiind all spring
           $(infoPanel).children("div:not(.toShow)").css({'display':'none'});
            // zoom scale
           $(infoPanel).find(".ytp-horizonchart").css('width','100px');
           $(infoPanel).find(".ytp-horizonchart").parent().next().css('margin-right','20px');
           $(infoPanel).find("canvas").css('width','100px');

            // hidden color
            $(infoPanel).find("div:contains('Color')").remove();
            $(infoPanel).find("div:contains('Color')").next().remove();

            // hide Live info
            $(infoPanel).find("div:contains('Live Latency')").remove();
            $(infoPanel).find("div:contains('Live Mode')").remove();


            //
            //
            //
            // filter
            //console.log("len",list.length);
            // find element
            if(ver=='1.0'){
                 var list = $(".html5-video-info-panel-content>:not(div[style='display: none;'])");
                var index = [1,2,3,4,5,6,10];
                $(list).each(function(i,e){
                    // this i start 0 (search )
                    //console.log(i+1,$.inArray(i,index));
                    if( $.inArray(i+1,index)!=-1 ){
                        $(list[i]).css({"display":"none","visibility":"hidden"});
                    }
                });
                $(list[5]).find('div').css("color","#000");
                $(list[5]).find('span').remove();
            }
            //
        }
    },1500);
  });
})(window.jQuery.noConflict(true));