Среда, 13 Август 2014 10:26

Вставляем видео и аудио на сайт joomla 3 с помощью плагина AllVideos

Всем привет! Как вы уже догадались, речь в этой статье пойдёт о том, как вставить на сайт под управлением joomla 3, видео и аудио файлы с помощью замечательного плагина AllVideos.

Используя AllVideos, можно вставить на сайт видеоролики с таких популярных сервисов как: YouTube, Яндекс.Видео, Vkontakte, Rutube и многих других. Так же, имеется возможность вставлять видео различных форматов, напрямую с вашего сервера. Ну и ещё одна замечательная способность этого плагина, это возможность вставки аудио файлов к себе на сайт или блог. Уверен, кому то пригодится!

От себя хочется отметить, что плагин прост в использовании, надёжен и очень популярен среди вебмастеров.

Скачать последнюю версию плагина AllVideos можно на официальном сайте разработчика www.joomlaworks.net (ссылка на скачивание находится в низу страницы). Далее, необходимо установить плагин AllVideos, если не знает как это сделать, почитайте эту статью Установка расширений joomla 3.

Настройка плагина AllVideos

После того как вы установили плагин, его необходимо настроить. Для этого, в панели управления сайтом, откройте "Менеджер плагинов".  Расширения > Менеджер плагинов. 

Здесь необходимо найти плагин AllVideos и зайти в него. 

Далее, включите плагин, для этого в графе "состояние", нажмите кнопку "Включено". 

Настройка видеопараметров (Video Parameters)

1. Select template - позволяет сменить шаблон, отвечает за внешний вид плеера.

2. Local Video Folder - папка на вашем сервере, в которой будет находится видеофайл.

3. Default width (in px) for videos - ширина плеера в пикселях, я к примеру поставлю 600.

4. Default height (in px) for videos - высота плеера, пусть будет 400.

5. Пятый пункт настроек отвечает за прозрачность плеера.

6. В шестом пункте вы можете изменить цвет фона плеера.

7. Display JW Player controls - отвечает за вывод средств управления на JW Player.

8. Цвет фона плеера. 

Настройка аудио параметров (Audio Parameters)

1. Local Audio Folder - Директория(папка) на вашем сервере в которой будет находится аудиофайл.

2. Default width (in px) for audio player - этот пункт отвечает за ширину аудио плеера, измеряется в пикселях.

3. Default height (in px) for audio player - здесь прописывается высота плеера, тоже в пикселях.

4. Audio player background color - цвет фона аудио плеера.

5. Audio player front color - цвет кнопок аудио плеера.

6. Audio player light color - цвет кнопок при наведении.

7. Allow audio downloading - разрешить или запретить скачивание аудио. 

Глобальные параметры (Global Parameters)

Здесь всего один пункт "Autoplay", который отвечает за автовоспроизведение плеера при открытии или обновлении страницы. Я поставлю нет. 

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

Как вставить видео на сайт с внешних серверов

Данный плагин, поддерживает большое количество видеохостингов, что даёт возможность не нагружать свой сервер. А при необходимости, вставлять видео на свой сайт с помощью специальных тегов. Как это сделать, сейчас покажу на примере самого популярного видеохостинга YouTube.

Как вставить видео с YouTube на сайт joomla 3

После установки, настройки и включения плагина AllVideos. Видео на сайте выводится с помощью специальных тегов. Для YouTube они выглядят так. 

Между этими тегами необходимо разместить специальный код, который имеет каждый видеоролик (если не стоит запрет на размещение). Где его взять, сейчас объясню.

Зайдите на сайт YouTube и откройте любой видеоролик, адресная строка браузера будет выглядеть примерно так.

Чтобы получить код, кликните по адресной строке, и увидите ссылку. Теперь скопируйте код до знака равно. 

Скопированный код размещаем между тегами. Должно получится так 

Сохраните изменения и обновите страницу, посмотрите что получилось.

Как вставить видео с Yandex, Vkontakte, Mail, Rutube

Так как плагин AllVideos разработан не в России, он не поддерживает наши популярные видеохостинги. Но это легко исправить, посмотрев видеоурок Виталия Куликова, или пройдя к нему на блог 

 

Как изменить размер для каждого видеоплеера

Если вам, по какой то причине, необходимо вывести видео, с разным размером плеера. А вы не знаете как это сделать, не расстраивайтесь, сейчас объясню. 

Необходимо прописать параметры нужной ширины, высоты и автовоспроизведения. Между открывающим, закрывающим тегами и индификатором видео(через вертикальную прямую, как у меня на скриншоте). 

  • 500 - ширина плеера
  • 300 - высота плеера
  • 0 - авто воспроизведение ( 0 нет, 1 да) 

Как вставить аудиофайлы на сайт

Ещё одной замечательной способностью плагина allvideos, является возможность выводить audio различных форматов на сайт. Сейчас разберём на примере самого популярного формата mp3.

В настройках Audio Parameters, мы указали папку в которой будут хранится наши файлы. У меня это "images/audio", разместите в неё аудио файл, который требуется вывести. Далее, необходимо просто вставить название данного аудиофайла, между специальными тегами. 

Вот таким простым способом, можно выводить аудио и видео, на сайт под управление joomla 3, да и более ранних версий. 

Так же хочется сказать, что в данной статье, мы разобрали лишь малую долю возможностей плагина allvideos. При необходимости, вы можете воспользоваться так называемой шпаргалкой (документацией для данного плагина). Пройдя вот по этой ссылке 

Надеюсь данная статья помогла вам, возникнут вопросы задавайте их в комментариях. 

Комментарии  

Полина
#11 Полина 09.04.2016 10:16
У вас самый полезный блок про Джумлу)) Статья очень помогла, спасибо большое!
Цитировать
Александра
#10 Александра 14.09.2015 19:31
Большое спасибо!! Полезная статья
Цитировать
настя
#9 настя 02.04.2015 10:08
Вставила {youtube}PJPbaE B7inc{/youtube} , не показывает вообще ничего. Плагин проверяла , включен. в чем проблема?
Цитировать
Артём
#8 Артём 20.03.2015 09:24
Можно ли в этом модуле сделать плейлист, или что бы аудио играли одна за другой автоматически??
Цитировать
Екатерина
#7 Екатерина 17.02.2015 15:56
подскажите, пожалуйста!
Хочу изменить цвет аудиоплеера- черная полоса на светлом сайте смотрится не очень. Но как я ни прописываю фон и цвета в настройках - ничего не меняется
Цитировать
Андрей
#6 Андрей 16.02.2015 07:28
Цитирую Алексей:
Добрый день, сделал все как в статье, плагин установился. Но видео не выводиться, получается просто текст {youtube}SmolVWRS1q4{/youtube}

Добрый день, проверьте включен ли плагин.
Цитировать
Алексей
#5 Алексей 15.02.2015 21:03
Добрый день, сделал все как в статье, плагин установился. Но видео не выводиться, получается просто текст {youtube}SmolVW RS1q4{/youtube}
Цитировать
ma3cs
#4 ma3cs 20.01.2015 10:24
Добрый день! Спасибо за подробную статью. Воспользовался данным плагином в сочетании с K2 компонентом и возникла такая проблема - не выводится видео на страницах от определенного пользователя или по конкретному тегу. На странице категории все отлично. Как можно решить данную проблему?
Цитировать
Андрей
#3 Андрей 12.01.2015 05:06
Цитирую Олег:
А можно ли как-то обрабатывать событие, при использовании плагина? Например удалить проигрыватель по окончании ролика?

Я думаю нет, по крайней мере не встречалось такого.
Цитировать
Олег
#2 Олег 11.01.2015 19:32
А можно ли как-то обрабатывать событие, при использовании плагина? Например удалить проигрыватель по окончании ролика?
Цитировать
Михаил
#1 Михаил 10.01.2015 14:08
Статья очень помогла. Спасибо!
Цитировать

Добавить комментарий


Защитный код
Обновить