Maison > Article > interface Web > Comment implémenter la lecture et la pause en HTML
Comment implémenter la lecture et la pause en HTML
- 醉折花枝作酒筹original
- 2021-06-07 11:48:207534parcourir
En HTML, vous pouvez utiliser la méthode play pour lire l'audio ou la vidéo en cours, et la méthode pause pour mettre en pause l'audio ou la vidéo en cours. Le format de syntaxe est "element object.play()/pause(). ". Ces deux méthodes sont souvent utilisées ensemble et les contrôles vidéo peuvent être affichés à l'aide de la propriété Controls.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
La méthode play() démarre la lecture de l'audio ou de la vidéo en cours.
Tous les principaux navigateurs prennent en charge la méthode play().
Remarque : Cette méthode n'est pas prise en charge dans Internet Explorer 8 et versions antérieures. La méthode
pause() arrête (met en pause) la lecture audio ou vidéo en cours.
Astuce : Cette méthode est généralement utilisée avec la méthode play().
Conseil : utilisez l'attribut Controls pour afficher les commandes vidéo (telles que la lecture, la pause, la recherche, le volume, etc.).
<!DOCTYPEHTML>
<html>
<head>
<meta charset="utf-8">
<title>播放与暂停</title>
<script type="text/javascript">
var videoEl=null;
function Play(){
videoEl.play(); /* 播放视频 */
}
function Pause(){
videoEl.pause(); /* 暂停播放 */
}
window.onload=function(){
videoEl=document.getElementById("myPlayer");
}
</script>
</head>
<body>
<video id="myPlayer" src="resources/video.mp4" width="600" controls>
你的浏览器不支持video元素
</video><br>
<div id="time"></div>
<input type="button" value="播放" onclick="Play()" />
<input type="button" value="暂停" onclick="Pause()" />
</body>
</html>Apprentissage recommandé : Tutoriel vidéo 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!