mediaelement.js - 在第一个视频结尾播放另一个视频

Question

由Kroc @ Video for Everyone推荐。我希望能够在第一个视频结束后自动播放第二个视频，然后在第二个视频结束后显示静态图像。经过一段时间后，回到第一个视频。

感谢

Answer 1

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

应该这样做。

Answer 2

要更改src视频，您必须使用setSrc API方法。否则是不适用于不支持HTML5的浏览器（例如火狐）的闪光灯

一个更重要的事情 - 看看这个问题 - Chrome/Safari, setSrc -> play。 在Chrome中正确显示视频应该有些超时。

不幸的是，“播放器”并不总是有效，所以最好是用户“媒体”对象。

因此，代码应该是这样的：

 $('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); 
      } 
     });