Як вставити video і audio на сайт joomla 3 за допомогою плагіна allvideos

Всім привіт! Як ви вже здогадалися, мова в цій статті піде про те, як вставити на сайт під керуванням joomla 3, відео та аудіо файли за допомогою чудового плагіна AllVideos.

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

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

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

Налаштування плагіна AllVideos

Після того як ви встановили плагін, його необхідно налаштувати. Для цього, в панелі управління сайтом, відкрийте "Менеджер плагінів". розширення gt; Менеджер плагінів.

Здесь необхідно знайти плагін 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. При необхідності, ви можете скористатися так званою шпаргалкою (документацією для даного плагіна). Пройшовши ось за цим посиланням

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

Поділися в соц. мережах: