Nie można powiązać zdarzeń wideo za pomocą Jquery

Question

Używam tagu wideo i wiążę go za pomocą binda lub na żywo. W obu przypadkach nie działa .Bo to mój kod Może robię coś złego i nie jestem w stanie go złapać.

  <video width="videoWidth" 
      height="videoHeight" 
      poster="../Poster/poster.png" 
      id="videoId" 
      controls="controls" 
      muted="true"  
      seeking="true" 
      paused="true" > 

      <source src="../video/trailer.mp4" type="video/mp4"/>    
      <source src="../video/trailer.ogv" type="video/ogv"/> 
      <source src="../video/trailer.webm" type="video/webm"/> 
       Your browser does not support the video tag. 
      </video> 

Oto plik JS do wiązania zdarzeń.

$("#videoId").bind('ended',function() { 
      alert("Entered"); 
     }); 

UPDATE

jestem aktualizacją poprzedniej JS i teraz jego pracy dla wszystkich wideo Events.Now I stucked błędu w przypadku, gdy Zdarzenie będzie ogień na podstawie Event code.May być mylę podczas pisania kod ale błąd zdarzenie nie working.Below jest mój JS

$(document).ready(function(){ 
     $("#videoId").bind('play',function() { 
      alert("Play"); 
     }); 

     $("#videoId").bind('canplay',function() { 
      alert("Can Play"); 
     }); 

     $("#videoId").bind('empited',function() { 
      alert("Empited"); 
     }); 

     $("#videoId").bind('ended',function() { 
      alert("Ended"); 
     }); 

     $("#videoId").bind('loadstart',function() { 
      alert("Load Start"); 
     }); 

     $("#videoId").bind('pause',function() { 
      alert("Pause"); 
     }); 

     $("#videoId").bind('playing',function() { 
      alert("Playing"); 
     }); 

     $("#videoId").bind('progress',function() { 
      alert("Progress"); 
     }); 

     $("#videoId").bind('suspend',function() { 
      alert("Suspend"); 
     }); 

     $("#videoId").bind('volumechange',function() { 
      alert("Volume"); 
     }); 

     $("#videoId").bind('waiting',function() { 
      alert("waiting"); 
     }); 
     $("#videoId").bind('error',function(e,ui) { 
      switch (e.target.error.code) { 
      case e.target.error.MEDIA_ERR_ABORTED: 
       alert('You aborted the video playback.'); 
       break; 
      case e.target.error.MEDIA_ERR_NETWORK: 
       alert('A network error caused the video download to fail part-way.'); 
       break; 
      case e.target.error.MEDIA_ERR_DECODE: 
       alert('The video playback was aborted due to a corruption problem or because the video used features your browser did not support.'); 
       break; 
      case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED: 
       alert('The video could not be loaded, either because the server or network failed or because the format is not supported.'); 
       break; 
      default: 
       alert('An unknown error occurred.'); 
       break; 
      } 
      //alert("Error Code : "+event.target.error.code); 
     }); 

     }); 

konsoli otrzymuję 'Get'.

Answer 1

Spróbuj użyć.

$ ("# videoID") bind ('błąd', function (e, ui) {... Funkcja tutaj ...}, true);

To powinno przynajmniej rzucić swój program do obsługi błędów, ale błąd jest prawdopodobnie wyższy z propagacji. Następnym krokiem będzie wskazanie rzeczywistego błędu. Ten link powinien pomóc:

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

Answer 2

to będzie ostrzegać wszystkich obiektów w obiekcie błędu na elemencie wideo

$("video").on("error", function(err) { 
    for (var i in err.currentTarget.error) { 
     alert(i + ": " + err.currentTarget.error[i]); 
    } 
});