Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLMediaElement : évènement pause

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'évènement pause est envoyé lorsqu'une demande de mise en pause d'une activité est traitée et que l'activité est passée à son état en pause, le plus souvent après que le média a été mis en pause avec un appel de la méthode pause() de l'élément.

L'évènement est envoyé une fois que la méthode pause() est retournée et après que la propriété paused de l'élément média a été changée à true.

Cet évènement n'est pas annulable et ne se propage pas.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènements.

js
addEventListener("pause", (event) => { })

onpause = (event) => { }

Type d'évènement

Un objet Event générique.

Exemples

Ces exemples ajoutent un écouteur d'évènement pour l'évènement pause de HTMLMediaElement, puis affichent un message lorsque ce gestionnaire d'évènement a réagi au déclenchement de l'évènement.

Utiliser addEventListener() :

js
const video = document.querySelector("video");

video.addEventListener("pause", (event) => {
  console.log(
    "La propriété booléenne paused est maintenant 'true'. Soit la méthode pause() a été appelée, soit l'attribut autoplay a été modifié.",
  );
});

Utiliser la propriété de gestionnaire d'évènements onpause :

js
const video = document.querySelector("video");

video.onpause = (event) => {
  console.log(
    "La propriété booléenne paused est maintenant 'true'. Soit la méthode pause() a été appelée, soit l'attribut autoplay a été modifié.",
  );
};

Spécifications

Spécification
HTML
# event-media-pause
HTML
# handler-onpause

Compatibilité des navigateurs

Évènements associés

  • L'évènement playing de HTMLMediaElement
  • L'évènement waiting de HTMLMediaElement
  • L'évènement seeking de HTMLMediaElement
  • L'évènement seeked de HTMLMediaElement
  • L'évènement ended de HTMLMediaElement
  • L'évènement loadedmetadata de HTMLMediaElement
  • L'évènement loadeddata de HTMLMediaElement
  • L'évènement canplay de HTMLMediaElement
  • L'évènement canplaythrough de HTMLMediaElement
  • L'évènement durationchange de HTMLMediaElement
  • L'évènement timeupdate de HTMLMediaElement
  • L'évènement play de HTMLMediaElement
  • L'évènement ratechange de HTMLMediaElement
  • L'évènement volumechange de HTMLMediaElement
  • L'évènement suspend de HTMLMediaElement
  • L'évènement emptied de HTMLMediaElement
  • L'évènement stalled de HTMLMediaElement

Voir aussi