2

我想使用外部链接播放和暂停 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);
4

2 回答 2

4

好的，在我失去了太多头发之后，我决定通过在单击链接时触发对 mediaelment 播放器控件的单击来做到这一点。

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

这是对我有用的代码：

$(".songlink").click(function() {
    $(this).siblings(".mejs-container").find(".mejs-button")[0].click();
    return false;
});
于 2013-05-08T00:43:33.673 回答
1

我想你会在这个页面上找到你需要的一切： https
://github.com/johndyer/mediaelement/wiki/Events-and-Methods （或者在维基的其他页面上。）

编辑：
对于已经存在的玩家调用事件，只需将其从 dom 中取出：
例如：$('#wp_mep_1').play()

于 2013-05-06T13:14:19.923 回答