mediaelement.js - reproducir otro video al final del primer video

Question

Referido por Kroc @ Video for Everyone. Me gustaría poder reproducir automáticamente un segundo video después de que termine el primero, y luego mostrar una imagen estática después de que termine el segundo. Después de un período de tiempo determinado, vuelva al primer video.

Gracias

Answer 1

$(function(){ 
     $('audio,video').mediaelementplayer({ 
      success: function(player, node) { 
       player.addEventListener('ended', function(e){ 
        player.src = 'media/somefile.mp4'; 
        player.load(); 
        player.play(); 
       }); 
      } 
     }); 
    }); 

Eso debe hacerlo.

Answer 2

para cambiar la fuente de video, tiene que usar el método setSrc API. de lo contrario no funcionaría para el flash en los navegadores que no soportan HTML5 (por ejemplo Firefox)

una cosa más importante - examinar esta cuestión - Chrome/Safari, setSrc -> play. debe haber transcurrido un tiempo de espera para mostrar el video correctamente en Chrome.

Desafortunadamente, el "reproductor" no siempre funciona, por lo que es mejor utilizar el objeto "multimedia".

Así que el código debe ser algo como lo siguiente:

 $('video').mediaelementplayer({ 
      pluginPath: "/YourPlaginPath/", 
      success: function (media, node, player) { 
       media.addEventListener('ended', function (e) { 

        setTimeout(function() { 
         media.setSrc('somevideo.mp4'); 
         media.load(); 
         media.play(); 
        }, 500); 

       }, false); 
      } 
     });