javascript - 如何删除多个 mediaelement.js 播放器？

Question

我需要“手动”从页面中删除多个 mediaelement.js 播放器。

我试过:

video_player_1.remove(); 
video_player_2.remove();
video_player_3.remove();
...  

(并以各种循环方式尝试上述方法以尝试移除所有玩家。)

和:

if (mejs) {
    var players = Object.keys(mejs.players);
    players.forEach( function(player) {
        mejs.players[player].remove();
    });
}

和:

mejs.players = {};

甚至:

mejs = {};

似乎没有什么可以完全删除玩家以及与他们相关的任何事件。当我导航回视频页面时，出现以下错误:

TypeError: 'undefined' is not a function (evaluating 'video_player_1.addEventListener')

有没有其他人遇到过这个问题并找到了解决方案？感谢您的帮助。

编辑:我应该注意，我在创建每个播放器时将以下监听器添加到它:

video_player_1.addEventListener('ended', function(event) {
    //Code that advances to the next video here ...
}

Answer 1

假设您使用 jQuery ，这很好用:

var player = $('#player')[0].player;
player.remove();

在此基础上，这应该删除视频元素上的所有 mejs 实例:

(function($) {
    $(document).ready(function() {
        var mejs_players = new Array();
        var player;
        $('video').each(function() {
            player = $(this)[0].player;
            player.remove();
        });
    });
})(jQuery);