多个音频播放器不工作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
    });
});

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