多个音频播放器不工作mediaelement.js

Question

我试图将2个音频播放器添加到一个页面时遇到问题

http://www.brad-holmes.co.uk/sites/jameswilliams/index.html

第一个加载正常，但第二个没有加载控件所有im使用unedit .js文件直接从mediaelements.js网站我需要编辑什么，使多个音频播放器工作

Answer 1

看着你的JS为球员的萌生

$(document).ready(function() {
    $('#audio-player').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','volume','progress'],
        audioVolume: 'horizontal',
        audioWidth: 400,
        audioHeight: 120
    });
});

您正在为这两个元素使用DIV选择器（＃audio-player）。 您应该在HTML文档中拥有唯一的DIV ID，您最好使用以下内容...

$(document).ready(function() {
    $('audio').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','volume','progress'],
        audioVolume: 'horizontal',
        audioWidth: 400,
        audioHeight: 120
    });
});

这将为您页面中的所有<audio>元素启动medialement播放器。 如果你想给每个玩家不同的设置，你应该为每个玩家使用唯一的DIV id。