Impossible de supprimer youtube Masthead depuis la dernière modification

Question

Je n'aime pas le "Masthead" en haut de YouTube (la partie contenant la barre de recherche), car vous ne pouvez pas le faire défiler hors de l'écran.

J'essayais de l'enlever comme ci-dessous, mais cela ne fonctionne pas. Il a l'habitude de travailler, mais YouTube a changé leur page il y a quelques jours. Leur page actuelle est très compliquée. Je l'ai essayé avec les différentes possibilités @ run-at: document-end, document-start, document-idle. Il affiche toujours le popup "mauvais enfant".

Il peut être supprimé dans Firefox en utilisant l'inspecteur d'élément et en supprimant le noeud.

// ==UserScript== 
// @name  YouTube 
// @namespace X 
// @include  https://www.youtube.com/* 
// @version  1 
// @grant  none 
// @run-at  document-idle 
// ==/UserScript== 

function rem(id) { 
    var child = document.getElementById(id); 
    if (!child) { alert("bad child: " + id); return; } 
    var parent = child.parentElement; 
    if (!parent) { alert("bad parent: " + id); return; } 
    parent.removeChild(child); 
} 

rem("masthead-container"); 

Answer 1

Vous pouvez travailler avec des délais d'attente, pour réessayer jusqu'à ce que cela fonctionne.

if (!child) { alert("bad child: " + id); return; }

tour ce^dans

if (!child) { console.log("bad child: " + id); setTimeout(rem, 3000, "masthead-container"); return; }

Cela pourrait ajouter jusqu'à un peu d'appels récursifs mais elle finira par fonctionner.

Answer 2

Sur la base des réponses des deux personnes qui m'a aidé, voici deux solutions:

De Pinkie Pie:

// ==UserScript== 
// @name  YouTube 
// @namespace X 
// @include  https://www.youtube.com/* 
// @version  1 
// @grant  none 
// @run-at  document-end 
// ==/UserScript== 

function remove_masthead() { 
    var child = document.getElementById("masthead-container"); 
    if (child) { 
     child.parentElement.removeChild(child); 
     setTimeout(scroll, 1000, 0, 80); 
    } 
    else 
     setTimeout(remove_masthead, 1000); 
} 

remove_masthead(); 

De wOxxOm:

// ==UserScript== 
// @name  YouTube 
// @namespace X 
// @include  https://www.youtube.com/* 
// @version  1 
// @grant  GM_addStyle 
// @run-at  document-end 
// ==/UserScript== 

GM_addStyle("#masthead-container.ytd-app { position: static !important; } #page-manager.ytd-app { margin-top: 0 !important; }") 
setTimeout(scroll, 3000, 0, 80);