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

Итак, сегодня мы рассмотрим плагин AllVideos - один из самых популярных и простых в использовании плагинов для Джумла 3 версии. Данный плагин дает возможность отображать видео и аудио из собственных источников (если загружать медиа файлы на свой сервер) и также публиковать видео со сторонних источников, а именно, популярных видео хостингов.

Плагин AllVideos - возможности

Если загружать файлы на сервер, то стоит учесть, что понадобится дополнительный объем дискового пространства, что увеличит ежемесячные расходы на хостинг. поэтому для начинающих вебмастеров я рекомендую публиковать видео со сторонних ресурсов, и лучше всего создать для этого свой собственный канал на youtube и добавлять туда свои видео. Почему я советую с делать именно так. Во-первых, если вы будете брать ссылки с разных каналов и добавлять чужое видео на свой сайт, то в случае, если канал или видео ролик владелец пожелает удалить, на вашем сайте возникнет ошибка отображения видео и вы об этом можете долгое время даже не подозревать. Вот, например, такая:

oshibka-video

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

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

Как настроить видео плеер AllVideos

Настройки видео плеера просты и понятны. Можно выбрать один из трех вариантов шаблона, выбрать цвет фона плеера и передней панели, настроить ширину и высоту и не забудьте указать папку хранения видео файлов.

В любой директории сайта необходимо создать папку для видео файлов и указать путь до папки с видео в настройках. По умолчанию в настройках плагина уже указан путь: images/videos, однако папку в любом случае нужно создать, потому что по умолчанию она отсутствует в каталоге файлов.

Чтобы видео корректно отображалось, необходимо в материале прописать вот такой код: { swf }название{/ swf } - в фигурных скобках указывается расширение видео файла (flv, flash и т.д.). То есть, если например, вы загрузили видео с таким названием myvideos1.flv, то код должен быть следующего вида: { flv }myvideos1{ /flv }. Код прописывать необходимо без пробелов!!!

video pleer, видео плагин, плагин для видео, вставка видео в материалы, allvideo, джумла 3, joomla 3

Не забудьте сохранить настроенные изменения!

Как настроить аудио плеер AllVideos

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

Вот так примерно будет выглядеть видео плеер на сайте (запускать не пытайтесь, это картинка):

audio pleer, аудио плагин

Код для вставки аудио в материалы прописывается следующим образом: { mp3 }название{/ mp3 }, здесь в фигурных скобках пишем расширение аудио файла, а между скобками - название самого файла. Код прописывать необходимо без пробелов!!!

audio pleer, аудио плеер, вставка аудио в материалы, joomla 3

Все настройки делайте по своему усмотрению, как вам больше нравится, ну и повторю еще раз - не забывайте сохранять изменения.

Как настроить отображение видео с видеохостингов

Ну что ж, выше мы рассмотрели, как настроить видео и аудио плеер в случае отображения медиа с собственного сервера. В данном случае, когда видео мы будем добавлять с видеохостингов, вышеуказанные настройки делать не нужно. Нужно будет только подключить плагин и в любом месте текста материала или если это будет видео без текстовой статьи, то вставьте в текстовом поле код (все пробелы обязательно удалите!): { youtube } ID_видео {/ youtube }. Выглядеть это в редакторе материала должно примерно так:

dobavlenie koda video

Ну а на сайте, соответственно, должно будет отображаться видео.

Сейчас расскажу, где взять ID видео на ютубе. Откройте нужное видео-ролика и найдите ссылку в браузерной строке id-video, обычно это вот такой вид: https://www.youtube.com/watch?v=2TfOnqcQf7E. Так вот, всё, что идёт после знака = и есть айди (ID) видео, которое необходимо прописать в коде.

ВАЖНО! Названия файлов обязательно должны быть прописаны на латинице!

СКАЧАТЬ ПЛАГИН ALLVIDEOS ДЛЯ ДОБАВЛЕНИЯ ВИДЕО И АУДИО В МАТЕРИАЛЫ JOOMLA3

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

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Комментарии   

#15 Ирина 28.03.2017 05:40
Добрый день, Андрей! Большое спасибо за полезную информацию!
+1 #14 Андрей Дольский 15.03.2017 02:22
Привет Ирина!
Разобрался и вам хочу подсказать, поскольку у вас этого нет в вашем уроке. Ваша версия 4.7.0 не работает с https. Я поставил себе 4.8.0 и всё заработало.
#13 Андрей Дольский 08.03.2017 22:23
оказывается у многих была проблема с этим плагином видео и вот один человек написал: В тэге {youtube} прописался стиль. Из-за этого и не работало.
Я не понимаю, что он имеет в виду под "прописался стиль". Может вы подскажите? Вдруг у меня то же самое...
#12 Андрей Дольский 08.03.2017 02:17
и ещё момент, у меня сайт настроен на https
и если плагин настроен на http, может ли это мешать его работе?
#11 Андрей Дольский 08.03.2017 01:36
P.S и похоже эта ошибка с плагином оллвидео связана с разногласием с версией quicktimeplayer: =4.7.0 и =4.7.0:2
вот это :2 видимо и есть Unexpected token
как это исправить?
#10 Андрей Дольский 08.03.2017 00:15
Нет, у меня всего этого очень мало, я не ставлю, поскольку первый раз сайт делаю и пока слабо в этом разбираюсь. Поставил слайдер, он работает, а комменты и видео не хотят. Показывает такую ошибку с вашим аллвидео плагином: Uncaught SyntaxError: Unexpected token <
и указывает на какую-то проблему с quicktimeplayer в вашем плагине. Что это может значить?
#9 Ирина 07.03.2017 14:02
Цитирую Андрей Дольский:
Под включённой сборкой движка вы имеете в виду включённый Development Mode в шаблоне? Это было включено, я выключил, но ничего не изменилось. Или сборка движка это что-то другое?


Сборка - это когда вместе с движком устанавливаются различные компоненты, модули, плагины, чаще всего бесполезные, которые грузят систему и могут содержать вредоносные коды или скрытые сторонние ссылки, что приводит зачастую к сбоям в работе сайта и заражению вирусами и соответственно, к негативу со стороны поисковых систем.
Просто у Вас на сайте много ошибок и сложно понять причину. Если бы Вы устанавливали всё по нашим урокам и скачивали у нас на сайте, то проблем таких точно бы не было, а в данном случае я, к сожалению, помочь не могу.
#8 Ирина 07.03.2017 13:55
Цитирую Андрей Дольский:

А как это с помощью компонентов?

Есть компоненты контента, например, компонент К2, для которых требуется масса плагинов для совместимости, из-за них могут быть такие проблемы.
#7 Андрей Дольский 06.03.2017 20:47
Под включённой сборкой движка вы имеете в виду включённый Development Mode в шаблоне? Это было включено, я выключил, но ничего не изменилось. Или сборка движка это что-то другое?
#6 Андрей Дольский 06.03.2017 20:44
Джумла 3.6.5
Через Менеджер Материалов. Создал там Материал и в нем вставил вставил эти коды. Модуль Материала Новость отвечает за размещение в этом месте на сайте. К нему назначена категоря из Менеджера Категорий к которой прикреплён данный Материал.
А как это с помощью компонентов?

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


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