PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

foreach + jplayer

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: Вывод несколько плееров

Поиск в теме | Версия для печати

maragon	Отправлено: 18 Мая, 2015 - 18:17:56
Посетитель Покинул форум Сообщений всего: 340 Дата рег-ции: Февр. 2011 Помог: 2 раз(а)	Шаблон плеера html CODE (html): скопировать код в буфер обмена <div id="jquery_jplayer_1" class="jp-jplayer"></div> <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player"> <div class="jp-type-single"> <div class="jp-gui jp-interface"> <div class="jp-controls"> <button class="jp-play" role="button" tabindex="0">play</button> <button class="jp-stop" role="button" tabindex="0">stop</button> </div> <div class="jp-progress"> <div class="jp-seek-bar"> <div class="jp-play-bar"></div> </div> </div> <div style="position:relative;top:20px;left:110px;"> <div class="jp-current-time" role="timer" aria-label="time"> </div> </div> <div style="position:relative;float:right;"> <div class="jp-duration" role="timer" aria-label="duration"> </div> </div> </div> </div> Вызов одного плеера js CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function (event) { $(this).jPlayer("setMedia", { title: "Bubble", m4a: "http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg" }); }, swfPath: "../../dist/jplayer", supplied: "m4a, oga", wmode: "window", useStateClassSkin: true, autoBlur: false, smoothPlayBar: true, keyEnabled: true, remainingDuration: true, toggleDuration: true }); }); //]]> </script> Вопрос, как можно вывести несколько плееров из БД + foreach() ? Мысль 1. Сделать единый обработчик js на все плееры, при выводе из БД плеера вставлять данные js в script + html код. CODE (htmlphp): скопировать код в буфер обмена foreach(){ echo "<script>player.show({id}, '.../test.mp3');</script>"; echo '<div id="jquery_jplayer_{id}" class="jp-jplayer"></div> <div id="jp_container_{id}" class="jp-audio" role="application" aria-label="media player"></div>'; } Есть ли еще варианты? ----- https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном

Ts.Saltan	Отправлено: 18 Мая, 2015 - 19:00:07
Посетитель Покинул форум Сообщений всего: 384 Дата рег-ции: Дек. 2013 Откуда: Belarus Помог: 22 раз(а)	Вывести в цикле html код плеера, js обработчик сделать один. CODE (htmlphp): скопировать код в буфер обмена <?foreach:?> <div class="jp-jplayer" data-file='bla.mp3' data-title='title blablabla'></div> ... <?endforeach?> <script> $(".jp-jplayer").jPlayer({ ready: function (event) { $(this).jPlayer("setMedia", { title: $(this).attr('data-title'), mp3: $(this).attr('data-file') }); }, }); </script> как-то так

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.