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

alh*_*any 2 jquery mediaelement.js

我想使用外部链接而不是播放器自行控制来播放和暂停 mediaelement.js 播放器。

怎么做?

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

我使用以下代码初始化了 mediaelements.js 播放器:

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

现在我在播放器旁边有一个歌曲文件的链接。单击链接时,我会播放或暂停链接旁边的播放器。

我尝试了这段代码,它有效,但它创建了一个独立于已初始化的玩家的新玩家:

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

是否可以像这样控制播放器:

$('#wp_mep_1').mediaelementplayer(play);
Run Code Online (Sandbox Code Playgroud)

alh*_*any 5

好吧,在我失去太多头发后,我决定通过在单击链接时触发媒体播放器控件上的单击来实现此目的。

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

这是对我有用的代码:

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