如何删除多个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);

Answer 2

测试了最新的代码，删除函数应该更改为

$('video').each(function() {
        player = $(this).data("mediaelementplayer");
        alert(player);
        player.remove();
    });