Лимит аудиоплееров

[Omega24v]

Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает  http://omega24v.esy.es/

    <div class="audio-player p1">       <h5><span>Darom Dabro</span> Darom Dabro </h2>       <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio>    </div>

 $('.audio-player2').mediaelementplayer({    alwaysShowControls: true,    features: ['playpause','progress','volume'],    audioVolume: 'horizontal',    audioWidth: 660,     audioHeight: 65,    iPadUseNativeControls: false,    iPhoneUseNativeControls: false,    AndroidUseNativeControls: false  });

Нужна помощь !

[wwt]

ставьте по умолчанию картинку-заглушку, а при клике по ней вставляйте вместо заглушки плеер

[Omega24v]

ставьте по умолчанию картинку-заглушку, а при клике по ней вставляйте вместо заглушки плеер

 

Спасибо за совет, попробую 

[Omega24v]

ставьте по умолчанию картинку-заглушку, а при клике по ней вставляйте вместо заглушки плеер

 

Что-то в таком духе ? А как предзагрузку делать после этих процедур, библиотеки MediaElement ?

$("#img1").click(function(){$("#player").html('<h5><span>Darom Dabro</span> Darom Dabro </h5><audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio>'); });	  

[wwt]

а добавить инициализацию в обработчик события после добавления нужного кода вместо изображения?