Question

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

怎么做？

编辑：只是为了使问题更清楚。

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

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()

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

2 个答案: