html5 écouteur d'événement vidéo n'obtenant pas l'heure actuelle

Question

En ce qui concerne ma question précédente - Find line of text in relation to a video currentTime and highlight it using javascript? - J'ai essayé de placer le video eventlistener pour définir la valeur de la variable now avec video.currentTime. C'est le code que j'ai actuellement (sans qu'il ne retourne des erreurs mais ne fonctionne pas réellement). Je sais que la fonction tran fonctionne, mais ce qui ne fonctionne pas, c'est la variable now. J'ai également essayé d'imprimer l'heure actuelle de la vidéo, mais cela n'a pas fonctionné non plus, donc je suppose que je ne fais pas le eventListener correctement? Merci

Answer 1

est maintenant calculé lorsque timeupdate est appelé, pas lorsque tran est appelé. Donc, si vous appelez tran, ce sera le moment où le timeupdate a été appelé.

Pour obtenir une maintenant changeable précise, saisir l'heure actuelle dans la fonction tran:

function tran(){ 
var video = document.getElementsByTagName('video')[0]; 
now = video.currentTime; 
for (var i = 0, l = lines.length; i < l; i++) { 
if (now >= +lines[i].getAttribute("data-start") && 
now <= +lines[i].getAttribute("data-end")) { 
lines[i].className = "current"; 
} else { 
lines[i].className = ""; 
} 
}}