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); 
      } 
     });