多種音頻播放器無法正常工作mediaelement.js

Question

的具有1M的問題，試圖2個音頻播放器添加到一個頁面

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

第一加載罰款，但第二犯規採用了unedit在所有IM加載控件。 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 ID的HTML文檔中，你會用更好以下...

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

這將引發medialement球員在你的頁面的所有<音頻>元素。 如果你想給每個玩家不同的設置，你應該使用每個獨特的DIV ID。