Youtube sans distraction

Youtube est aujourd’hui le 2ème moteur de recherche au monde, juste derrière Google.

On y va parfois pour chercher une information utile dans un projet en cours, pour finalement se retrouver à regarder des vidéos de Guillaume Meurice.

Au fil du temps, Youtube a déployé un arsenal de tactiques pour nous garder le plus longtemps possible sur sa plate-forme :

  • suggestions dans la barre latérale de droite
  • suggestions à la fin de chaque vidéo
  • lecture automatique
  • commentaires

Dans cet article, nous allons voir comment continuer d’utiliser Youtube, sans être distrait par ses suggestions, qui sont parfois putaclic, souvent juste super ciblées sur nos goûts, mais qui toujours retardent l’atteinte des objectifs qui nous tiennent à cœur.

Allons-y !

Comment ne pas être distrait par les suggestions

Commencez par installer l’extension l’extension Stylus :

Si vous êtes sous Internet Explorer ou Edge : non mais, sérieux, qu’est-ce que vous foutez ???

Cliquez sur le bouton Stylus dans la barre d’outil de botre navigateur.

Pour Stylus, cliquez ensuite dans « Gestion » puis « Créer un nouveau style »

Copiez/collez le code suivant :

/* Annotations */

.video-annotations
{
    display: none !important;
}

/* Infobulle suggestion coin haut droite pendant la lecture */

.ytp-cards-teaser
{
    display: none !important;
}

/* Bouton "i" en haut à droite pour accéder aux liens associés à la vidéo, et aux vidéos suggérés par la chaîne */

.ytp-cards-button
{
    display: none !important;
}

/* Vidéos intégrées ées par la chaîne dans la vidéo sous la forme de vignettes */

.ytp-ce-video
{
    display: none;
}

/* Colonne des suggestions de droite (sauf si playlist) */

#secondary #secondary-inner #related ytd-watch-next-secondary-results-renderer > *:not(#items)
{
    display: none;
}

#secondary #secondary-inner #related ytd-watch-next-secondary-results-renderer #items > *:not(ytd-compact-autoplay-renderer)
{
    display: none;
}

#secondary #secondary-inner #related ytd-watch-next-secondary-results-renderer #items > ytd-compact-autoplay-renderer
{
    border-bottom: 0;
}

#secondary #secondary-inner #related ytd-watch-next-secondary-results-renderer #items > ytd-compact-autoplay-renderer > *:not(#head)
{
    display: none;
}

#secondary #secondary-inner #related ytd-watch-next-secondary-results-renderer #items > ytd-compact-autoplay-renderer > #head > *:not(paper-toggle-button):not(#autoplay)
{
    display: none;
}

/* Commentaires */

#comments
{
    display: none;
}

ytd-video-secondary-info-renderer
{
    border-bottom: 0;
    margin-bottom: 0;
}

.iv-branding {
    display: none;
}

/* Bandeau de connexion, notifications, etc. */
 
/*
#end.ytd-masthead {
    display: none;
}
*/

Ça c’est pour Youtube, donc sous le champ où vous avez rentré le code, pour « S’applique à » sélectionnez « URL sur le domaine » et rentrez « youtube.com ».

Maintenant, cliquez sur le bouton « Ajouter » qui se trouve juste en-dessous. Pourquoi ? Parce qu’on veut aussi désactiver, sur tout le web, c’est-à-dire même pour les lecteurs Youtube intégrés sur une page web externe à la plate-forme, les suggestions qui apparaissent à la fin d’une vidéo, et celles qui apparaissent en bas lorsqu’on met une vidéo en pause.

Dans le nouveau champ texte qui apparaît sous le premier, copier/coller le code suivant :

/* Les suggestions de vidéo qui s'affichent en bas quand on met en pause une vidéo */

.ytp-pause-overlay
{
    display: none;
}

/* L'écran de fin avec la grille des suggestions */

.html5-endscreen, 
.videowall-endscreen, 
.ytp-endscreen-paginate
{
    display: none;
}

En bas, après « S’applique à », cliquez sur le signe moins « – » en bout de ligne pour que les styles s’appliquent à tout l’internet.

En haut à gauche, donnez un nom au style, genre « Youtube sans distraction » et enregistrez.

Au final, vous devriez avoir quelque chose qui ressemble à ça :

Capture d'écran Youtube sans distraction
Configuration de Youtube sans distraction via Stylus