Maison >interface Web >tutoriel HTML >En HTML, exécuter un script lorsque la position de lecture du média change ?
En HTML, exécuter un script lorsque la position de lecture du média change ?
- WBOYavant
- 2023-08-27 17:53:091093parcourir
L'événement d'attribut
ontimeupdate est déclenché lorsque la position de lecture du média (comme une vidéo) change. Il peut avancer ou rembobiner rapidement en vidéo ou en audio.
Exemple
Vous pouvez essayer d'exécuter le code suivant pour implémenter l'attribut ontimeupdate -
<!DOCTYPE html>
<html>
<body>
<h2 id="test">Play</h2>
<video id = "myid" width="320" height = "176" controls ontimeupdate = "myFunction()">
<source src = "/html5/foo.ogg" type = "video/ogg" />
<source src = "/html5/foo.mp4" type = "video/mp4" />
Your browser does not support the video element.
</video>
<script>
function myFunction() {
document.getElementById("test").innerHTML = "Current position: " +
document.getElementById("myid").currentTime;
}
</script>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Maximisez vos revenus avec Google DFP : introductionArticle suivant：Maximisez vos revenus avec Google DFP : introduction