Introduction
1. Les éléments
2. Cette application est implémentée àheure de
3. En liant l'auditeur à l'événement ontimeupdate, vous pouvez surveiller la position de lecture de audio et vidéo en réel. temps
Deuxième code
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 视频播放 </title>
</head>
<body>
<h2> 视频播放 </h2>
<video id="mv" src="movie.webm" loop>
您的浏览器不支持video元素
</video><br/>
<input id="bn" type="button" value="播放"/><span id="detail"></span>秒
<script type="text/javascript">
var bn = document.getElementById("bn");
var mv = document.getElementById("mv");
var detail = document.getElementById("detail");
// 为video元素的ontimeupdate事件绑定监听器
mv.ontimeupdate = function()
{
detail.innerHTML = mv.currentTime + "/"
+ mv.duration;
};
bn.onclick = function()
{
if(mv.paused)
{
mv.play();
bn.value = "暂停";
}
else
{
mv.pause();
bn.value = "播放";
}
}
</script>
</body>
</html>Trois résultats en cours
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!
Comment insérer de l'audio dans ppt
Quelles sont les méthodes de production de production d'animation html5 ?
Méthodes et pratiques de traitement audio basées sur Java
La différence entre HTML et HTML5
Les avantages du trading OTC
Le dernier prix du marché eth
Comment MySQL et Redis assurent-ils la cohérence des doubles écritures ?
Comment résoudre le code tronqué de securecrt
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
