Maison >interface Web >tutoriel HTML >Comment arrêter la lecture d'une vidéo en vidéo HTML5

Comment arrêter la lecture d'une vidéo en vidéo HTML5

青灯夜游
青灯夜游original
2021-05-20 16:30:2515539parcourir

Comment arrêter la lecture d'une vidéo dans une vidéo HTML5 : utilisez d'abord "document.getElementById("id value")" pour obtenir l'objet vidéo ; puis utilisez l'instruction "video object.pause()" pour arrêter (mettre en pause). ) la vidéo en cours de lecture Juste une vidéo.

Comment arrêter la lecture d'une vidéo en vidéo HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 7, HTML5&&javascript version 1.8.5, ordinateur Dell G3.

Vidéo HTML5 arrêter la lecture de la vidéo

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
</head>
<body> 

<div style="text-align:center"> 
  <button onclick="playPause()">播放/暂停</button> 
  <br><br>
  <video id="video1" width="420">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video 标签。
  </video>
</div> 

<script> 
var myVideo=document.getElementById("video1"); 

function playPause()
{ 
	if (myVideo.paused) 
	  myVideo.play(); 
	else 
	  myVideo.pause(); 
} 
</script> 

</body> 
</html>

Rendu :

Comment arrêter la lecture dune vidéo en vidéo HTML5

Description de la fonction associée :

La méthode play() démarre la lecture de l'audio ou de la vidéo en cours. La méthode

pause() arrête (met en pause) la lecture audio ou vidéo en cours.

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn