Maison > interface Web > tutoriel HTML > le corps du texte

Comment implémenter l'arrêt audio en HTML

醉折花枝作酒筹
Libérer: 2021-06-08 17:02:18
original
4749 Les gens l'ont consulté

En HTML, vous pouvez utiliser la méthode puase pour arrêter l'audio, et le format de syntaxe est "object.pause();". La méthode "pause()" arrête (met en pause) la lecture audio ou vidéo en cours, généralement utilisée avec la méthode "play()", et utilise l'attribut CONTROLS pour afficher les commandes audio.

Comment implémenter l'arrêt audio en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3. 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().

Astuce : utilisez l'attribut commandes pour afficher les commandes audio (telles que l'audio : lecture, pause, recherche, volume, etc.).

Exemple :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>视频播放</title>
</head>
<body>
<script>
      window.onload =function(){
          var ov=document.getElementById("a1");
          ov.onmouseover=function() {
               this.play();
          }
          ov.onmouseout =function() {
                this.pause();
          }

      };

</script>

<video   id="a1"  src="陈奕迅 - 陪你度过漫长岁月.mp4"  controls   loop     width="400"  height="400">你的浏览器不支持</video>
</body>
</html>
Copier après la connexion

Effet :

Comment implémenter larrêt audio en HTML

La méthode play() démarre la lecture de l'audio actuel.

Lorsque la flèche de la souris se déplace dans la vidéo, la fonction de lecture est déclenchée et la vidéo est lue ;

Lorsque la flèche de la souris quitte la vidéo, la fonction pause est déclenchée et la vidéo est mise en pause ; .

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal