Вход | Регистрация

Как вставить видео в материал Joomla

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

Рассмотрим варианты вставки видео на сайт Joomla.

Каждый вариант имеет свои преимущества.


Рассмотрим варианты вставки видео на сайт Joomla.

Каждый вариант имеет свои преимущества.

Вставка видео из Youtube

Вариант по-старинке - это вставка видео из Youtube прямо в материал или модуль Joomla.

Для этого нужно сделать следующее:

  1. Первым делом нужно разрешить использование тега iframe, чтобы он не обрезался редактором.
    Переходим в Менеджер расширений - Плагины. Можете сразу отфильтровать их по типу "editors".
    И находим среди них плагин "Редатор - TinyMCE".

    Если у вас новая версия Joomla (3.7+), то в настройках редактора будут предустановленные настройки (сеты) для разных групп пользователей.
    Нам нужен Set 0 (для админов). Выбираем его и спускаемся ниже.
    настройки редактора для вставки видео


    Находим опцию "Use Joomla Text Filter" (использовать фильтр для текста) и включаем её.
    Тег iframe из списка запрещённых можно не удалять.

    iframe для вставки видео из youtube

    И сохраняем.

  2. Далее переходим в Система - Общие настройки. Вкладка "Text Filters".

    Здесь для группы "Супер-пользователи" (или для той которая вам нужна), выбираем No Filtering, т.е. без фильтрации.
    Сохраняем.

    редактор вырезает iframe


  3. Переходим в сервис Youtube.com на страницу видео, которое вы хотите разместить на сайте.
    Под видео будет кнопка Поделиться
    Жмём её и выбираем HTML код. В поле ниже появиться код для вставки этого видео. 
    Копируем его Ctrl+C (или просто правой кнопкой мыши - Скопировать)

    вставка видео из youtube

  4. Открываем материал Joomla, переходим в режим HTML (исходный код, это кнопка со значком <>)
    исходный код для вставки видео в joomla 3
    и в нужном месте статьи вставляем скопированный код.

    В редакторе вы сразу увидите блок с видеороликом.
    Сохраняем.

После этого на странице материала появиться видеоролик из Youtube.

Вставка из Youtube (вариант по-проще)

Делаем всё также как в первом варианте: пункты 1 и 2. Разрешаем использование iframe.

Далее копируем не HTML код видео плеера, а просто ссылку на видео.

вставка видео в joomla из youtube

Далее переходим в материал Joomla, ставим курсор мыши в нужное место статьи и жмём на кнопку "Видео"

вставка видео через редактор joomla


Появиться вот такое окно, где в поле "Источник" вставляем скопированную ссылку из Ютуб.
Размер подставляется автоматически.

вставка видео из youtube

Таким же образом, на вкладке "Код для вставки"можно вставить и код видеоплеера в теге iframe. Чтобы не переходить в исходный код статьи. 

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

Недостаток, если его можно так назвать в том, то что нужно копировать и вставлять код в статью в режиме HTML (в варианте по-проще можно вставить через кнопку), и слегка изменять настройки редактора (выключая фильтрацию).
Лично я использую вариант по-старинке.
Привык)

Вставка роликов с других видеосервисов

Таким же образом вставляются видео из других видео хостингов, например Vimeo.com
Суть та же. Копируете код для вставки и вставляете его в статью или модуль Joomla.

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

Вставка видео с собственного сайта

Это вариант когда видео хранится прямо на вашем сайте, в виде файла .mp4 или в другом формате.

Здесь тоже есть два варианта: вставить напрямую или вставить через специальный плагин.
Рассмотрим оба.

Вариант 1. Напрямую.

Допустим, вы загрузили ваш файл с видео в папку images и называется он - video.mp4

Можно вставить его вручную, используя тег video

К нему можно добавлять различные опции, которые доступны в HTML5

Или же можно вставить проще, через кнопку "Видео".

вставка видео через редактор joomla

В поле источник указав путь до видеофайла, например: images/video.mp4
И при необходимости можно указать размеры ролика.

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

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

Но недостатков больше.

  1. Увеличивается нагрузка на ваш хостинг и на интернет-канал хостинга. Особенно это заметно когда видео просматривают сразу несколько десятков пользователей.
    Например, если ваше видео будут одновременно просматривать 20 человек, то вся ширина канала хостинга будет поделена между ними.
    Таким образом видео будет загружаться медленно и постоянно прерываться.
  2. Некоторые браузеры могут поддерживать не все форматы видео. 
  3. Если у вас много видео, то они будут занимать большой объём на хостинге.
  4. При вставке видео в статью, нужно каждый раз указывать путь до него, это не совсем удобно.

Вариант 2. Через плагин AllVideos.

Также для Joomla есть специальный плагин для проигрывания видео- и аудио- файлов. 
Это плагин AllVideos, скачать его можно на официальном сайте разработчика >>

После установки и настройки плагина, для вставки видео можно использовать упрощённый код:

{mp4}myvideo{/mp4}

Где myvideo - это название ролика в формате mp4.

Таким же образом можно вставлять и аудиоролики.

Преимущества вставки видео через плагин:

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

Недостатки почти такие же:

  • замедление загрузки сайта и самого видео при большой посещаемости
  • на сайте занимается большой объём места под видео
  • дополнительное стороннее расширение с подгрузкой своих яваскриптов.

Вставка видео с Youtube через плагин

Также при помощи плагина AllVideos можно вставлять ролики из Youtybe и многих других сервисов.

Делается это при помощи такой записи:

{youtube}xhty9934wk{/youtube}

Где xhty9934wk - это короткая ссылка на ролик из YouTube

 

Итог

Какой способ выбрать, решайте исходя из задач перед вашим проектом.

Если нужна быстрая скорость загрузки и не хочется тратить место на хоcтинге - то однозначно Youtube или подобные сервисы.

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

Желаю вам удачи!

С уважением, Олег Касьянов

Сохраните эту информацию к себе, чтобы не потерять:

И подписывайтесь на наш онлайн-журнал.
С уважением, Олег Касьянов.

Комментарии

Оставьте ваше мнение

*

Получать уведомления о новых комментариях

user

Ацамаз 23-10-2018 13:46:45

Спасибо!) Очень помог первый совет, все отлично работает!

X

Спасибо!
Ваш комментарий появится после одобрения

нашли ошибку? напишите
X

Вход

Ваш e-mail:

Ваш пароль:


Забыли пароль?
Регистрация

X

Нашли ошибку или баг? Напишите мне.

placeholder="Опишите пожалуйста где вы нашли ошибку и какую, буду вам очень благодарен">

^ Наверх