bookmarklet: raccourcis clavier de YouTube

Les raccourcis clavier sont présents sur certains boutons du lecteur vidéo de youtube. Ils sont également inscrits dans les paramètres de l'utilisateur connecté sous raccourcis clavier.

Il est possible d'utiliser ces raccourcis à l'aide d'un favoris scripté. Dans l'exemple suivant, la variable n représente une touche du clavier au format JavaScript (javascript key codes).

barre d'espace (lire et mettre en pause) var n = 32

m (désactiver et réactiver le son) var n = 77

j (revenir de 10 secondes en arrière) var n = 74

l (avancer de 10 secondes) var n = 76

, (lorsque la vidéo est en pause, afficher l'image suivante) var n = 188

. (lorsque la vidéo est en pause, afficher l'image précédente) var n = 190

f (plein écran) var n = 70

c (activer et désactiver les sous-titres) var n = 67

i (lecteur réduit) var n = 73

t (mode théâtre) var n = 84

0 (redémarrer la vidéo depuis le début) var n = 48

1 à 9 (avancer par palier de 10%) var n = 49 à 57

o (alterner entre les différents niveaux d'opacité du texte des sous titres) var n = 79

w (alterner entre les différents niveaux d'opacité de la fenêtre des sous titres) var n = 87

escape (fermer le lecteur réduit) var n = 27

raccourci clavier youtube
javascript:(function(){var n=77;e=document.createEvent('Event');e.initEvent('keydown', true, false);e.key=String.fromCharCode(n);e.which = n;e.keyCode=n;e.charCode=n;document.getElementsByTagName('BODY')[0].dispatchEvent(e);})();

Pour modifier le comportement du bookmarklet, il faut changer la valeur de la variable n.

 

L'autre solution pour modifier les paramètres du lecteur vidéo est d'utiliser l'API de youtube.

durée de la vidéo
javascript:y=document.getElementById("movie_player");alert(y.getDuration())

renvoie le temps actuel de la vidéo
javascript:y=document.getElementById("movie_player");alert(y.getCurrentTime())

retourne l'état du player
javascript:y=document.getElementById("movie_player");alert(y.getPlayerState())

affiche la vidéo suivante
javascript:y=document.getElementById("movie_player");y.nextVideo()

affiche la vidéo précédente
javascript:y=document.getElementById("movie_player");y.previousVideo()

affiche la troisième vidéo de la playlist
javascript:y=document.getElementById("movie_player");y.playVideoAt(3)

règle le volume du son à 60
javascript:y=document.getElementById("movie_player");y.setVolume(60)

obtenir l'url de la vidéo
javascript:y=document.getElementById("movie_player");alert(y.getVideoUrl())