Wie kann ich prüfen, ob "caplaythrough" wahr ist?

Question

Ich möchte einen Indikator anzeigen, wenn jemand auf den Playbutton klickt. Wenn das Video geladen ist, möchte ich den Preloader verstecken. Das funktioniert perfekt mit Readystate:

  var einleitung = document.getElementById('einleitung'); 

      video.addEventListener('play', function() { 

      if (video.readyState === 4) { 

       myApp.hidePreloader(); 

      } else { 

       myApp.showPreloader('Loading...'); 

      } 

      }); 

Wie kann ich mit canplaythrough loslegen dies statt Readystate?

So etwas funktioniert nicht:

  if (video.canplaythrough == true) {} 

video.canplaythrough "null" ist.

Answer 1

canplaythrough ist ein event von nicht Eigentum von audio/video Element.

Dieses Ereignis wird ausgelöst nur einmal in der Lebensdauer des audio/video Element, wenn es völlig buffered ist und ohne buggering/stop spielen können, es sei denn, src des Elements nicht verändert wird.

Es sollte so aussehen:

audio|video.addEventListener("canplaythrough", function(){//your code});