Jplayer. Видео на Joomla-сайте

Просмотров материала: 1161

Медиа-плеер для сайта под управлением Джумлы. Поддерживает форматы .flv, .mp4, .mp3, плейлисты в формате .xml, подзаголовки .srt и заставки .jpg, .png, .gif.

Ниже приведены основные примеры использования JPlayer.

Начнем с того, что интересует многих владельцев оригинального контента: на видео можно поставить свой водяной знак.
Вон он, видите, в верхнем правом углу плеера.

Далее, после установки нужно вручную создать директории ../media/video, ../media/audio и ../media/playlist, куда вы будете складывать соответствующие файлы. По крайней мере эти директории прописаны в плеере по умолчанию, но их, конечно, можно менять.

Цвет шрифта, фона, ссылки при наведении мыши - все в настройках плагина.

Пример 1

Чтобы вставить одиночное видео, используем тэг {flv}vash_file{/flv} (отсюда напрямую тэги не копируйте, они с жирной скобкой, не сработают).
При этом файл называется swedish_cook-1.flv и лежит, как уже говорилось, в ../media/video.

Чтобы установить произвольные ширину и высоту в тэг добавляем {flv}vash_file|320|270{/flv}

Ссылки под плеером "Скачать в FLV формате" и "Работает на JPlayer" включаются/отключаются в админке.

Пример 2

Для отображения плейлиста тэг таков: {videoplaylist}vash_playlist|320|270{/videoplaylist}.

Сам файл плейлиста называется vash_playlist.xml и лежит в ../media/playlist, а выглядит так.

Пример 3

Аудио вставляется так: {mp3}vash_file{/mp3}.

Файл называется при этом vash_file.mp3 и находится в ../media/audio. Так же, как и с видео, здесь можно устанавливать произвольные ширину/высоту.

Пример 4

Тэг для аудиоплейлиста звучит так: {mp3playlist}vashmp3playlist|320{/mp3playlist}.

Файл называется при этом vashmp3playlist.xml и выглядит так.

При этом для первого трэка мы поставили картинку, для второго не стали, в демонстрационных целях. Как будет у вас - это, как говорится, ваша разница.

Пример 5

C YouTube все совсем просто. Тэг такой: {youtube}2hmTNGSEbpM{/youtube}
А вот этот набор нерусских букв взят из полного адреса http://www.youtube.com/watch?v=2hmTNGSEbpM

Пример 6

Можно также проигрывать удаленное видео с помощью тэга {flvremote} http://PUT'_K_FAILU/blue1.flv{/flvremote}. И абсолютно та же петрушка с удаленными .mp3 и .mp4

Ну вот как-то так примерно. Радуйте своих посетителей оригинальным видео.

Пример 7

Ну а этот пример относится к вопросу в комментариях ниже. Чтобы вставить такой предпросмотр, потребовался плагин YOOTooltip.
К сожалению, включить автовоспроизведение не то чтобы не получается, а в том дело, что при включенном автозапуске начинают воспроизводиться все клипы на странице. Хаос! Если кто-то знает, как с этим совладать, или у кого-то есть другое решение, добро пожаловать поделиться.

Работает с