HTMLMediaElement: play Event
        
        
          
                Baseline
                
                  Widely available
                
                
              
        
        
        
          
                
              
                
              
                
              
        
        
      
      This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das play-Ereignis wird ausgelöst, wenn die paused-Eigenschaft von true auf false geändert wird, als Ergebnis der play-Methode oder des autoplay-Attributs.
Dieses Ereignis ist nicht abbruchfähig und wird nicht propagiert.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("play", (event) => { })
onplay = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Diese Beispiele fügen einen Ereignislistener für das play-Ereignis des HTMLMediaElements hinzu und senden eine Nachricht, wenn dieser Ereignis-Handler auf das ausgelöste Ereignis reagiert hat.
Verwendung von addEventListener():
const video = document.querySelector("video");
video.addEventListener("play", (event) => {
  console.log(
    "The Boolean paused property is now 'false'. Either the play() method was called or the autoplay attribute was toggled.",
  );
});
Verwendung der onplay Ereignis-Handler-Eigenschaft:
const video = document.querySelector("video");
video.onplay = (event) => {
  console.log(
    "The Boolean paused property is now 'false'. Either the play() method was called or the autoplay attribute was toggled.",
  );
};
Spezifikationen
| Specification | 
|---|
| HTML> # event-media-play>  | 
            
| HTML> # handler-onplay>  | 
            
Browser-Kompatibilität
Loading…
Verwandte Ereignisse
- Das HTMLMediaElement 
playingEreignis - Das HTMLMediaElement 
waitingEreignis - Das HTMLMediaElement 
seekingEreignis - Das HTMLMediaElement 
seekedEreignis - Das HTMLMediaElement 
endedEreignis - Das HTMLMediaElement 
loadedmetadataEreignis - Das HTMLMediaElement 
loadeddataEreignis - Das HTMLMediaElement 
canplayEreignis - Das HTMLMediaElement 
canplaythroughEreignis - Das HTMLMediaElement 
durationchangeEreignis - Das HTMLMediaElement 
timeupdateEreignis - Das HTMLMediaElement 
pauseEreignis - Das HTMLMediaElement 
ratechangeEreignis - Das HTMLMediaElement 
volumechangeEreignis - Das HTMLMediaElement 
suspendEreignis - Das HTMLMediaElement 
emptiedEreignis - Das HTMLMediaElement 
stalledEreignis