Joomla вставка видео

Joomla вставка видео

От автора: приветствую Вас уважаемые читатели. Контент в формате видео, очень популярен и встречается практически на каждом третьем сайте в интернете, так как наиболее легко воспринимается пользователями. Поэтому в данной статье мы с Вами поговорим о том, как вставить видео на сайт Joomla.

Стандартный функционал Joomla хоть и предоставляет инструменты по решению большинства типовых задач в сайтостроении, но вот, что касается добавления видео материалов на страницы будущего сайта, здесь все достаточно скудно и ограниченно. Таким образом, как правило, в CMS Joomla вставка видео контента реализуется с использованием дополнительных расширений. Поэтому, в данной статье, мы с Вами рассмотрим наиболее популярный плагин, по добавлению видео материалов на сайт Joomla, под названием AllVideos.

Но перед тем я, все же хотел бы показать Вам, как в Joomla вставить видео с ютуба – ручным способом, используя стандартные средства. Итак, для начала переходим на сайт YouTube, и выбираем необходимое видео.

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

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

Получите бесплатную пошаговую авторскую систему, которая научит Вас с полного нуля создавать уникальные шаблоны на движке Joomla – с неповторимым дизайном

Узнать подробнее

Далее переходим в панель администратора Joomla, и используя менеджер плагинов открываем страницу настроек плагина визуального текстового редактора TinyMCE.

Данный редактор поставляется в стандартном функционале CMS и используется в качестве редактора содержимого материалов по умолчанию. При этом, для безопасности в его настройках приведен список запрещенных тегов, которые нельзя использовать для форматирования контента. Один из таких тегов iframe, который как раз необходим для добавления видео. А значит в параметре “Запрещённые теги”, просто удаляем данный тег и сохраняем изменения.

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

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

После, включив визуальный редактор, Вы увидите добавленное видео, которое так же будет отображаться в пользовательской части сайта.

Теперь Вы знаете как добавить видео на сайт Joomla, но, как Вы заметили, данный способ очень неудобен, и к тому же снижает безопасность сайта. Поэтому давайте установим плагин AllVideos.

Кликая по ссылке “Download”, официальной страницы расширений Joomla, Вас перенаправят на сайт разработчика данного расширения, где в самом низу главной страницы Вы найдете ссылку, для скачивания архива.

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

Получите бесплатную пошаговую авторскую систему, которая научит Вас с полного нуля создавать уникальные шаблоны на движке Joomla – с неповторимым дизайном

Узнать подробнее

После скачивания, устанавливаем плагин стандартным способом, используя менеджер расширений. Далее, используя менеджер плагинов, активируем только что установленное расширение. При, этом плагин обладает достаточно большим количеством настроек:

Select template – выбор шаблона.

Local Video Folder – папка для хранения видеофайлов.

Default width (inpx) for videos – ширина плеера в пикселях.

Default height (in px) for videos – высота плеера впикселях.

Flash/MP4/WebM/OGG Theora video player transparency – прозрачностьплеера

Flash/MP4/WebM/OGG Theora video player background color – цветфона.

Display JW Playercontrols – отображение элементов управления плеера.

Помимо, видео плагин AllVideos, так же воспроизводит и аудио материалы, то есть в его функционале предусмотрен аудиоплеер, для которого предусмотрена отдельная группа настроек.

Теперь давайте рассмотрим,как вставить видео в joomla с youtube при помощи AllVideos. Для начала необходимо узнать идентификатор необходимого видео, поэтому опять же возвращаемся на Youtube.

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

{youtube}aCqc2eRj5pE{/youtube}

Где, aCqc2eRj5pE идентификатор отображаемого видео.

Помимо этого плагин AllVideos, может отображать содержимое видео файлов, которые сохранены в определенной папке Вашего сайта, а так же видео, которое располагается на других сайтах. Общий синтаксис для отображения видео следующий:

{formatORprovider}filenameORvideoID|width|height|autoplay {/formatORprovider}

Где formatORprovider – формат видео или специальный тег для конкретного сервиса хранения видео, filenameORvideoID– имя отображаемого файла или его идентификатор, width – ширина видео, height – высота видео, autoplay– автовоспроизведение.

Полный список доступных форматов и поддерживаемых сервисов приведен на странице документации.

Более подробная информация по работе с плагином AllVideos рассмотрена в курсе Joomla-Мастер. На этом вопрос как разместить видео на сайте joomla для Вас исчерпан. Всего Вам доброго и удачного кодирования!!!

Хотите узнать, как создать собственный шаблон на CMS Joomla с нуля

Получите бесплатную пошаговую авторскую систему, которая научит Вас с полного нуля создавать уникальные шаблоны на движке Joomla – с неповторимым дизайном

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Курс Joomla-Ученик

12 фишек без которых Вы гарантированно не создадите полноценный сайт на Joomla!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree