Video Secured Player

Objectif

Une vidéo intégrée depuis YouTube sur un site, qui se lance toute seule lorsque le site se charge et impossible de voir qu'il s'agit d'une vidéo qui vient de YouTube (pour éviter de facilement la télécharger ou transmettre l'URL de la vidéo YouTube à ses amis mal intentionnés)

Le cas d'usage ce sont les vidéos où je ne veux pas que le visiteur puisse avancer ou reculer dans la vidéo (juste play/pause éventuellement) et surtout ne pas pouvoir voir la vidéo sur YouTube (en cliquant sur le petit logo YouTube ou en faisant un clic droit sur la vidéo pour découvrir l'URL de la vidéo)

 

Intégrer une vidéo YouTube (non répertoriée sur YouTube) sur un site et trouver tous les moyens pour :

  • Masquer le logo YouTube en bas à droite du lecteur (logo en blanc avec contours gris) : J'ai quelques idées pour ça :)
  • Empêcher de voir l'adresse URL ou l'identifiant de la video YouTube : par exemple, même si on s'aventure dans le code source on découvrir que le code embeded est dans un autre script encrypté.
  • Empêcher le clic droit ou gauche dans le lecteur vidéo : j'ai découvert cette possibilité simplement avec du CSS en mettant une image transparente en surimpression. Dans la vidéo ci-dessous, tu peux essayer de survoler le petit logo YouTube en bas à droite de la vidéo et tu ne pourras pas cliquer dessus pour être renvoyé vers YouTube (grâce à l'image transparent en overlay)

 

J'ai remarqué que sur un Ordinateur ou sur un Mobile : le logo YouTube en bas à droite apparaît toujours pendant 2 secondes, même au survol de la souris sur la vidéo. 

Solution : quand la page se charge, on peut imaginer une grosse image en overlay sur toute la vidéo (une image avec un gros bouton de lecture) : si je clique sur cette image qui est en overlay sur mon lecteur vidéo, la vidéo se lance et l'image disparaît au bout de 3s. Et à chaque fois que je survolerai la vidéo, j'aurais toujours cette grosse image qui apparaîtra en overlay (par exemple pour lire ou mettre en pause). 

 

Exemple de résultat :