Форум / Рецепты / Как правильно разместить сотню плееров на одной странице
Если разместить на одной странице сразу много плееров, то возникнет ряд проблем.
  1. Будет тормозить загрузка страницы
  2. Увеличится нагрузка на процессор клиента
  3. Будет не очень красиво
  4. Будет не удобно (например, установка громкости на одном плеере не будет работать в соседнем)
Как-то так


Вариант 1 — можно использовать плейлист
Не всегда удобное решение, особенно в случае платных опций по трекам и тому подобного. Плюсы, помимо того, что это один плеер — компактность, возможность раздавать коллекцию кодом. В плейлисте можно создавать папки по тематике, если файлов действительно много.

Вариант 2 — динамическая загрузка
Суть в том, чтобы загружать плеер по запросу. Пользователь кликает по иконке напротив трека, появляется плеер.
Посмотреть пример

Такой вариант решает проблемы размещения большого количества плееров одновременно. В стилях нужно не забыть включить автозапуск (Опции > Загрузка > Воспроизводить сразу)
Как вариант, можно размещать плеер на странице в определенном месте и при клике на иконку запускать проигрывание через JavaScript API

Тоже самое можно делать с видео, показывая скриншот с кнопкой пуск в качестве превью. При клике на него аналогично динамически загружается плеер.
uppodСсылка на пост (Смотрели 10201)08.09.11 22:55     Ответить
Ваше имя*
 E-mail* (не публикуется)
 
 
Если пишете о проблеме, то приложите, пожалуйста, ссылку на свой плеер отсюда — Плеер: Файл > Код > Ссылка
Вставка кода — [code][/code] дублировать ответы на e-mail
1
V-e-D 13.01.12 - 16:31
А как сделать что бы плеера переключались после окончание трека. Сделайте и такой пример пожалуйста.
2
mega18 01.02.12 - 10:04
Это платно, либо разбирайтесь сами! Или подключайте PRO аккаунт, тогда вам помогут!
3
V-e-D 08.06.12 - 16:38
А сколько будет стоить сделать мне это?
4
knigivsluh 10.09.12 - 02:12
7 USD в месяц.
5
tut-music 28.10.13 - 20:54
можно ваш skype
mega18
6
fedinchuk 11.07.12 - 13:29
Как сделать так чтобы плеер работал на всех страницах сайта ссылка ?
7
fedinchuk 11.07.12 - 17:21
в то он работает только на одной, перейдя на другую страницу он уже становится нерабочим
8
ufabooks 07.11.12 - 12:17
а как в этом примере происходит автоматический запуск плеера при нажатии на картинку?
то есть не просто грузится новый плеер а сразу запускается проигрывание?
какой параметр за это отвечает?
9
support 20.12.12 - 23:43
В примере ссылка добавлено автоматическое переключение на следующий трек
10
tut-music 28.10.13 - 20:43
а можно зделать переключение на предадущий трек?
11
remrem 28.12.16 - 00:28
А можете создать автоматическое переключение на следующий трек в HTML5 плеере?
Чтобы было и во флеш плеере и в HTML5

12
tut-music 28.10.13 - 22:45
а можно зделать переключение на предадущий трек?
13
support 03.11.13 - 06:41
Можно, но зачем?
14
tut-music 03.11.13 - 07:17
у меня на сайте после добавление трека присваювается id чем више id тем више трек. точнее если id 100 то то трек перший например а если 98 то трек третий с верху. а етот пример если включить с id 98 то ише можно послушать id 99 i id100 а если сразу включить с id 100 то етой трек оказуется останим.а если зделать предадущий трек то после id 99 трек 98 будет воспроизвиден i так далее до трека 1
15
tut-music 03.11.13 - 07:18
если чтото не понятно пишите.а если можно укр язиком то обясню подробнее
16
tut-music 03.11.13 - 07:26
Розобрался нужно заместь +1 поставить -1))
17
tut-music 03.11.13 - 07:33
Как вариант, можно размещать плеер на странице в определенном месте и при клике на иконку запускать проигрывание через JavaScript API

Никак не могу ето зделать помогите
18
karen923 20.11.13 - 18:01
Не получается осуществить пример 2 на своем сайте tebeats.ru
19
karen923 21.11.13 - 05:54
Разобрался. Вот вариант с изменением кнопочки, при наведении. ссылка забирайте)
20
alexrv84 02.01.14 - 16:37
Привет-С новым годом!! Помоги реализовать динамическую загрузку плеера на сайте. Нужна подробная инструкция. На странице будет размещено несколько десятков музыкальных треков.

На данный момент разместил два плеера на сайте, поставил автовоспроизведение, подключил Uppod.AJAX и JavaScript API в head. Но динамическая загрузка не работает, что делать? Вот тестовая страница ссылка
21
V-e-D 25.03.14 - 22:29
не могу поставить кнопку стоп, точнее поставил, а вот какую функцию к этому плееру прописать не пойму. писал — <div onclick="uppodSend(’track$ID$Icon’,’stop’)">stop</div>
22
maksat92 14.03.15 - 23:57
Добрый день как сделать 3 способ на плеере html5?
23
wavlibrarynet 14.11.15 - 17:28
Тоже интересует как реализовать на HTML5
24
victorsmail 19.02.16 - 13:20
спасибо, именно то, что я скал, всё получилось сделать
но также интересует вопрос как реализовать при HTML5 плеере? проблема как я понимаю только одна, нужно удалить предыдущий плеер, который при флэше делался функцией "swfobject.removeSWF". Как удалить html5 плеер?
25
victorsmail 19.02.16 - 16:24
сам допёр)
заменить
swfobject.removeSWF("track"+currentTrack+"Player");
на
$("#track"+currentTrack+"Player").remove();
26
delwin 16.11.17 - 23:15
дайте плиз рабочий пример 3-го варианта
27
sdmitrij 23.03.19 - 17:27
Так как всё таки сделать динамическую загрузку HTML5 плеера? Знаю, что есть готовое решение, но не могу его найти.
Сообщить об ошибке на сайте
 Uppod © 2008–2020
Сообщить об ошибке на сайте
Если ошибка относится к плееру, а не сайту, либо Вы хотите получить ответ на вопрос —
лучше написать на форуме