Нужно реализовать данный вордпрессовский плеер - wp-miniaudioplayer, работающий на базе jplayer - на друпал.
Закинула папку с модулем (без изменений) в папку темы своего друпал-сайта, в инфофайл включила скрипты - jquery.jplayer.min.js и jquery.mb.miniPlayer.js, и css - miniplayer.css. В html.tpl.php вставила скрипт инициализации плеера...
<script type=
"text/javascript">
function initializeMiniAudioPlayer(){
jQuery("a[href*='.mp3'] ,a[href*='.m4a']").not(".map_excluded").mb_miniPlayer({
inLine:true,
width:"200",
skin:"blue",
animate:true,
volume:.2,
autoplay:false,
showVolumeLevel:true,
showTime:true,
id3:true,
showRew:true,
downloadable:true,
downloadPage:"http://music-fantasy.org/sites/all/themes/mayo/custom/wp-miniaudioplayer...,
swfPath:"http://music-fantasy.org/sites/all/themes/mayo/custom/wp-miniaudioplayer...
});
}
jQuery(function(){
initializeMiniAudioPlayer();
jQuery(document).ajaxSuccess(function(event, xhr, settings) {
initializeMiniAudioPlayer();
});
});
</script>
Но плеер толком не выводится. Частично какие-то функции подхватываются - ссылка на аудиофайл скрывается и выводится часть кода плеера, но не весь. Вот что должно выводиться (выводится в wordpress):
<p
><a href=
"http://it-memo.net/wp-content/uploads/2014/02/okudjava-nastoyashih-ludey... style=
"display: none;">Окуджава. Настоящих людей так немного
</a
><div id=
"mp_1391749848064" isplaying=
"false" tabindex=
"1" class=
"mbMiniPlayer blue shadow" style=
"display: inline-block; vertical-align: middle;"><table cellspacing=
"0" cellpadding=
"0" border=
"0"><tbody
><tr
><td style=
"-moz-user-select: none;" unselectable=
"on"><span
class=
"map_volume mute" style=
"opacity: 1;">Vm
</span
></td
><td style=
"-moz-user-select: none; display: none;" unselectable=
"on"><span
class=
"map_volumeLevel" style=
"width: 1px;"><a style=
"opacity: 0.1; height: 80%; width: 2px;" class=
""></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;" class=
""></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
><a style=
"opacity: 0.1; height: 80%; width: 2px;"></a
></span
></td
><td style=
"-moz-user-select: none; display: none;" unselectable=
"on" class=
"map_controlsBar"><div
class=
"map_controls" style=
"display: block; height: 20px; width: 1px;"><span
class=
"map_title">Окуджава. Настоящих людей так немного
</span
><div
class=
"jp-progress"><div
class=
"jp-load-bar" id=
"loadBar_mp_1391749848064" style=
"width: 100%;"><div
class=
"jp-play-bar" id=
"playBar_mp_1391749848064" style=
"width: 27.7842%;"></div
></div
></div
></div
></td
><td style=
"-moz-user-select: none; display: none;" unselectable=
"on"><span
class=
"map_time" style=
"width: 1px;" title=
"00:45">00:
12</span
></td
><td style=
"-moz-user-select: none; display: none;" unselectable=
"on"><span
class=
"map_rew" style=
"width: 1px; opacity: 1;">R
</span
></td
><td style=
"-moz-user-select: none;" unselectable=
"on"><span
class=
"map_play" style=
"opacity: 1;">P
</span
></td
></tr
></tbody
></table
><span
class=
"map_download" style=
"display: inline-block; cursor: pointer;" title=
"download: okudjava-nastoyashih-ludey-tak-nemnogo">d
</span
></div
></p
>
Скришшот окна фаербага:
![](http://www.drupal.ru/files/screenshot-wordpress.png)
и что выводится в друпал:
<p><a title="Окуджава. Настоящих людей так немного" href="/files/audio/okudjava-nastoyashih-ludey-tak-nemnogo.mp3" style="display: none;">Окуджава. Настоящих людей так немного</a><div id="mp_1391749679263" isplaying="false" tabindex="1" class="mbMiniPlayer blue shadow" style="display: inline-block; vertical-align: middle;"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table></div></p>
Скриншот окна фаербага:
![](http://www.drupal.ru/files/screenshot-drupal-7.png)
Середина кода теряется, в итоге при сохранении материала выводится маленький белый квадратик...
Я так понимаю, что код инициализации для друпала нужно изменить, но не знаю как, пробовала множество разных вариантов, ни один не работает должным образом. Очень прошу помощи у гуру и/или тех, кто сталкивался с подобным!
Комментарии
Да, ссылку на файл я пробовала вставлять и с абсолютным путем и с относительным - ничего не меняется.
Консоль фаербага и логи смотрите. Не уверен, что правильно вставлять в html.tpl.php такие полотна, попробуйте в отдельный js вынести.
jquery надеюсь подключен?
Разумеется
Пробовала, вообще не работает, даже то что есть сейчас - не выводится - только ссылка на файл.
Фаербаг молчит, как и логи. Увы...
Вопрос решен своими силами, постараюсь, как будет свободное время, расписать подробно весь процесс.
Как пример посмотреть как инициализировали тот же jplayer - модуль