Я использую тег видео и привязываю его с помощью bind или live. В обоих случаях он не работает. Ниже приведен мой код. Возможно, я делаю что-то не так и не могу его поймать.
<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>
Вот файл JS для привязки событий.
$("#videoId").bind('ended',function() {
alert("Entered");
});
ОБНОВЛЕНИЕ
Я обновляю предыдущий JS, и теперь он работает для всех видеособытий. Теперь я застрял в событии ошибки, когда событие будет срабатывать на основе кода события. Может быть, я ошибаюсь при написании кода, но событие ошибка не работает. Ниже мой 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);
});
});
В консоли я получаю «Получить».