Jamais plus de spoiler!

Introduction

Vous rentrez chez vous, vous ouvrez YouTube pour regarder tranquillement une course, un match ou un résumé de la course, et le resultat vous saute aux yeux avant meme d’avoir clique sur la video.

Le probleme est très frequent pour les amateurs de sport qui regardent les competitions en différé. Un titre trop explicite, une miniature trop parlante ou une description trop detaillée peuvent suffire a gacher tout le suspense.

Ce guide explique une solution simple, accessible et reversible : utiliser l’extension Stylus pour flouter automatiquement les titres, les descriptions et les miniatures YouTube susceptibles de reveler un resultat, dans tous les modes d’affichage : par défaut, en mode théâtre (cinéma) ou en plein écran. »

Le probleme des spoilers sur YouTube

Sur YouTube, les spoilers ne se cachent pas seulement dans les videos. Ils apparaissent souvent avant meme la lecture :

• dans le titre d’une video recommandee ;
• dans la miniature, avec le vainqueur ou le moment decisif ;
• dans la description courte sous la video ;
• dans les suggestions affichees sur la page d’accueil ou dans la barre laterale.

Pour un passionne de cyclisme, de football, de tennis, de Formule 1 ou de tout autre sport, cela peut devenir frustrant. On veut regarder l’evenement comme si on y etait, mais l’interface de YouTube revele parfois l’essentiel trop vite.

Un exemple concret : regarder le sport le soir

Imaginons un spectateur qui suit le Giro d’Italia. Pendant la journée, il ne peut pas regarder l’etape en direct. Le soir, il veut lancer le replay et decouvrir la course avec le meme plaisir que s’il la suivait en temps reel.

Mais avant d’arriver a la video souhaitee, YouTube peut afficher une miniature avec le coureur vainqueur, un titre qui annonce l’attaque decisive ou une recommandation qui revele le classement. Le suspense disparait en quelques secondes.

Ce probleme ne vient pas d’une mauvaise utilisation de YouTube. Il vient simplement du fonctionnement normal de la plateforme : les titres et les miniatures sont faits pour attirer l’attention, pas pour proteger la surprise.

La solution : Stylus et un CSS personnalise

Stylus est une extension de navigateur qui permet d’appliquer des styles personnalises a un site web. Dans notre cas, elle sert a modifier l’apparence de YouTube uniquement dans votre navigateur.

L’idee est simple :

• flouter les titres des videos ;
• flouter les descriptions visibles ;
• flouter les miniatures ;
• afficher le contenu seulement au passage de la souris.

Ainsi, vous pouvez naviguer sur YouTube sans lire accidentellement le resultat d’une competition. Si une video vous interesse, il suffit de passer la souris dessus pour reveler son titre ou son image.

Installer Stylus

Pour commencer, installez l’extension Stylus dans votre navigateur.

Les etapes sont simples :

1. Ouvrez la boutique d’extensions de votre navigateur(Firefox, Edge, Chrome).
2. Recherchez Stylus.
3. Installez l’extension.
4. Ouvrez YouTube.
5. Cliquez sur l’icone Stylus dans la barre du navigateur.

Stylus est disponible pour Chrome, Firefox et plusieurs navigateurs bases sur Chromium.
Ci dessou le lien pour Firefox:
https://addons.mozilla.org/it/firefox/addon/styl-us/
Ici pour Chrome:
https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=it&gl=001&pli=1

Creer le style anti-spoiler

Une fois Stylus installeé creez un nouveau style applique a YouTube. Donnez-lui un nom clair, par exemple YouTube anti-spoiler.

Vous trouverez ci-dessous la liste des scripts que j’ai préparés pour les sites et les chaînes sur lesquels je regarde les vidéos qui m’intéressent. Dans ce guide, nous nous concentrerons plus particulièrement sur le script nommé YouTube.

Rassurez-vous : même si cela peut sembler compliqué au premier abord, il vous suffit de copier et de coller le texte ci-dessous; il s’agit d’instructions CSS qui vont dire à votre navigatuer de flouter les textes gênants!

Collez donc le CSS personnalise dans l’editeur Stylus, puis enregistrez. A partir de ce moment, les elements sensibles de YouTube seront masques automatiquement.

Le principe reste totalement reversible : vous pouvez desactiver le style quand vous voulez, le modifier ou le supprimer.

Le code CSS complet

Voici un exemple de CSS permettant de flouter les titres, les descriptions et les miniatures, puis de les afficher au passage de la souris :

@-moz-document domain("youtube.com") {
  ytd-thumbnail img,
  ytd-playlist-thumbnail img,
  yt-image img {
    filter: blur(18px);
    transition: filter 0.2s ease;
  }

  #video-title,
  ytd-rich-grid-media #video-title,
  ytd-video-renderer #video-title,
  ytd-compact-video-renderer #video-title,
  ytd-playlist-video-renderer #video-title {
    filter: blur(6px);
    transition: filter 0.2s ease;
  }

  #description-text,
  ytd-video-renderer #description-text,
  ytd-rich-grid-media #metadata-line,
  ytd-video-meta-block #metadata-line {
    filter: blur(6px);
    transition: filter 0.2s ease;
  }

  ytd-thumbnail:hover img,
  ytd-playlist-thumbnail:hover img,
  yt-image:hover img,
  #video-title:hover,
  ytd-rich-grid-media:hover #video-title,
  ytd-video-renderer:hover #video-title,
  ytd-compact-video-renderer:hover #video-title,
  ytd-playlist-video-renderer:hover #video-title,
  #description-text:hover,
  ytd-video-renderer:hover #description-text,
  ytd-rich-grid-media:hover #metadata-line,
  ytd-video-meta-block:hover #metadata-line {
    filter: none;
  }
}

Pourquoi cette solution est pratique

Cette methode ne demande pas de modifier YouTube, de creer un compte supplementaire ou d’installer un logiciel complexe. Tout se passe dans le navigateur.

Elle convient particulierement aux utilisateurs non techniques, car une fois le style enregistre, il fonctionne tout seul. Il n’y a rien a relancer avant chaque video.

Elle est aussi flexible : vous pouvez augmenter ou reduire le flou, choisir de masquer seulement les miniatures, ou adapter le CSS a vos habitudes de navigation.

Conclusion

Les spoilers sportifs sur YouTube peuvent vraiment gacher le plaisir d’un replay. Heureusement, une solution simple existe : Stylus permet de transformer YouTube en espace plus discret, ou les titres et les images ne revelent pas tout au premier regard.

Avec quelques lignes de CSS, vous gardez le controle sur ce que vous voulez voir et sur le moment ou vous voulez le voir. Pour les competitions regardees en differe, c’est une petite protection qui peut changer beaucoup.