← Форум / Рецепты / Как правильно разместить сотню плееров на одной странице
Если разместить на одной странице сразу много плееров, то возникнет ряд проблем.
Вариант 1 — можно использовать плейлист
Не всегда удобное решение, особенно в случае платных опций по трекам и тому подобного. Плюсы, помимо того, что это один плеер — компактность, возможность раздавать коллекцию кодом. В плейлисте можно создавать папки по тематике, если файлов действительно много.
Вариант 2 — динамическая загрузка
Суть в том, чтобы загружать плеер по запросу. Пользователь кликает по иконке напротив трека, появляется плеер.
Посмотреть пример
Такой вариант решает проблемы размещения большого количества плееров одновременно. В стилях нужно не забыть включить автозапуск (Опции > Загрузка > Воспроизводить сразу)
Как вариант, можно размещать плеер на странице в определенном месте и при клике на иконку запускать проигрывание через JavaScript API
Тоже самое можно делать с видео, показывая скриншот с кнопкой пуск в качестве превью. При клике на него аналогично динамически загружается плеер.
- Будет тормозить загрузка страницы
- Увеличится нагрузка на процессор клиента
- Будет не очень красиво
- Будет не удобно (например, установка громкости на одном плеере не будет работать в соседнем)
Вариант 1 — можно использовать плейлист
Не всегда удобное решение, особенно в случае платных опций по трекам и тому подобного. Плюсы, помимо того, что это один плеер — компактность, возможность раздавать коллекцию кодом. В плейлисте можно создавать папки по тематике, если файлов действительно много.
Вариант 2 — динамическая загрузка
Суть в том, чтобы загружать плеер по запросу. Пользователь кликает по иконке напротив трека, появляется плеер.
Посмотреть пример
Такой вариант решает проблемы размещения большого количества плееров одновременно. В стилях нужно не забыть включить автозапуск (Опции > Загрузка > Воспроизводить сразу)
Как вариант, можно размещать плеер на странице в определенном месте и при клике на иконку запускать проигрывание через JavaScript API
Тоже самое можно делать с видео, показывая скриншот с кнопкой пуск в качестве превью. При клике на него аналогично динамически загружается плеер.
uppod | Ссылка на пост (Смотрели 10201) | 08.09.11 22:55 Ответить |
mega18
то есть не просто грузится новый плеер а сразу запускается проигрывание?
какой параметр за это отвечает?
Чтобы было и во флеш плеере и в HTML5
Никак не могу ето зделать помогите
На данный момент разместил два плеера на сайте, поставил автовоспроизведение, подключил Uppod.AJAX и JavaScript API в head. Но динамическая загрузка не работает, что делать? Вот тестовая страница
но также интересует вопрос как реализовать при HTML5 плеере? проблема как я понимаю только одна, нужно удалить предыдущий плеер, который при флэше делался функцией "swfobject.removeSWF". Как удалить html5 плеер?
заменить
swfobject.removeSWF("track"+currentTrack+"Player");
на
$("#track"+currentTrack+"Player").remove();