Comment créer un lien d'horodatage cliquable sur une vidéo Youtube intégrée avec javascript?


J'aimerais vraiment avoir des liens temporels cliquables sur mon site Web qui passeront à des heures spécifiques dans ma vidéo Youtube intégrée. Je sais que cela est possible dans youtube lui-même (fonction intégrée sur youtube où vous venez de mettre l'heure que vous voulez dans le format (0:00) et les utilisateurs peuvent cliquer dessus pour passer à ce point).

Je me demandais s'il était possible d'imiter cette fonction d'une manière ou d'une autre avec des vidéos YouTube intégrées et javascript?

Author: cch, 2015-03-23

1 answers

Vous pouvez utiliser l'API Youtube iFrame. Il existe une fonction pour obtenir l'horodatage actuel:

player.getCurrentTime():Number 

Renvoie le temps écoulé en secondes depuis le début de la lecture de la vidéo.

player.getDuration():Number

Renvoie la durée en secondes de la vidéo en cours de lecture. Note getDuration() renverra 0 jusqu'à ce que les métadonnées de la vidéo soient chargées, ce qui se produit normalement juste après le début de la lecture de la vidéo.

Utilisez-les comme ceci:

ytplayer = document.getElementById("youtube_player");
ytplayer.getCurrentTime();
 3
Author: cch, 2016-01-12 00:10:22