如何从外部链接控制mediaelement.js播放器？

Question

我想使用外部链接播放和暂停mediaelement.js播放器，而不是播放器控制本身。

如何做到这一点？

编辑:只是为了让问题更清楚。

我使用以下代码初始化了mediaelements.js player：

jQuery(document).ready(function($) {
    $('#wp_mep_1').mediaelementplayer({
        m:1
        ,features: ['playpause','tracks','fullscreen']
        ,audioWidth:26,audioHeight:26
    });
});

现在我在播放器旁边有了歌曲文件的链接。当链接被点击时，我在链接旁边播放或暂停播放器。

我尝试了这段代码，它可以工作，但它创建了一个独立于已经初始化的播放器的新播放器：

$(".songlink").click(function() {
    player = MediaElementPlayer($(this).siblings(".mejs-container").find("audio"));
    if (player.playing) {
        player.pause();
    } else {
        player.play();
    }
    return false;
});

有没有可能这样控制玩家：

$('#wp_mep_1').mediaelementplayer(play);

Answer 1

好吧，在我掉了太多头发后，我决定这样做，当点击链接时触发媒体播放器控件的点击。

我不敢相信这么好的脚本没有灵活的api和好的文档。

以下是适用于我的代码：

$(".songlink").click(function() {
    $(this).siblings(".mejs-container").find(".mejs-button")[0].click();
    return false;
});

Answer 2

我想你会在这个页面上找到你需要的一切：https://github.com/johndyer/mediaelement/wiki/Events-and-Methods

(或者在维基的其他页面上。)

编辑：

要在已经存在的播放器上调用事件，只需将其从dom中获取即可：

例如：$('#wp_mep_1').play()