Multiple аудиоплеер не работает mediaelement.js

Question

-им проблемы с попытками добавить 2 аудиоплееров на одну страницу

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

первые нагрузки хорошо, но второй оленья кожа загрузить элементы управления на всех им с помощью отмены изменений. 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 (# аудиоплеер) для обоих элементов. Вы должны иметь уникальные идентификаторы DIV в вашем HTML документе, вы бы лучше, используя следующий ...

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

Который будет инициировать medialement плеер для всех < аудио > элементов страницы. Если вы хотите дать каждому игроку разные настройки, вы должны использовать уникальные идентификаторы DIV для каждого.