MediaElement.js резервный флэш-память не выполняет onplay, onpase, onended события

Question

У меня есть видео для вставки с использованием следующего кода:

<video controls='false' preload='true' 
        onplay='doPlayEvent()' 
        onpause='doPauseEvent()'
        onended='doEndEvent()';
        src='/the_video.mp4' 
        id='VideoID'>
    <source type='video/mp4' src='/the_video.mp4'></source>
    <source type='video/ogg' src='/the_video.ogg'></source>
    <source type='video/webm' src='/the_video.webm'></source>
</video>

Некоторое странное поведение заключается в том, что FireFox воспроизводит флэш-резерв и, что еще важнее, события воспроизведения, паузы и завершения не запускаются в FF или IE8 (я предполагаю, что что-то использует флэш-память).

Кто-нибудь знает, что мне не хватает, чтобы включить события во флэш-памяти?

Answer 1

Для того, чтобы onplay, onpause и т. Д. Работали в резервном режиме флэш-памяти, необходимо добавить прослушиватели событий в JavaScript, где вы создаете MediaElement, например

mediaElement = new MediaElementPlayer('video',{
    //options etc

    // method that fires when the Flash or Silverlight object is ready
    success: function (mediaElement, domObject) {   

       // add event listeners
       mediaElement.addEventListener('timeupdate', function(e) {
           onVideoTimeUpdate(e);
       }, false);

       mediaElement.addEventListener('pause', function(e) {
           onVideoPaused(e);
       }, false);

       mediaElement.addEventListener('play', function(e) {
           onVideoPlayed(e);
       }, false);

       //etc
   }