Как вставить видео в материал?
Как вставить видео в материал Joomla
Рассмотрим варианты вставки видео на сайт Joomla.
Каждый вариант имеет свои преимущества.
Вставка видео из Youtube
Вариант по-старинке — это вставка видео из Youtube прямо в материал или модуль Joomla.
Для этого нужно сделать следующее:
- Первым делом нужно разрешить использование тега iframe, чтобы он не обрезался редактором.
Переходим в Менеджер расширений — Плагины. Можете сразу отфильтровать их по типу «editors».
И находим среди них плагин «Редатор — TinyMCE».
Если у вас новая версия Joomla (3.7+), то в настройках редактора будут предустановленные настройки (сеты) для разных групп пользователей.
Нам нужен Set 0 (для админов). Выбираем его и спускаемся ниже.
Находим опцию «Use Joomla Text Filter» (использовать фильтр для текста) и включаем её.
Тег iframe из списка запрещённых можно не удалять.
Далее переходим в Система — Общие настройки. Вкладка «Text Filters».
Здесь для группы «Супер-пользователи» (или для той которая вам нужна), выбираем No Filtering, т.е. без фильтрации.
Сохраняем.
Переходим в сервис Youtube.com на страницу видео, которое вы хотите разместить на сайте.
Под видео будет кнопка Поделиться.
Жмём её и выбираем HTML код. В поле ниже появиться код для вставки этого видео.
Копируем его Ctrl+C (или просто правой кнопкой мыши — Скопировать)
Открываем материал Joomla, переходим в режим HTML (исходный код, это кнопка со значком <>)
и в нужном месте статьи вставляем скопированный код.
В редакторе вы сразу увидите блок с видеороликом.
Сохраняем.
После этого на странице материала появиться видеоролик из Youtube.
Вставка из Youtube (вариант по-проще)
Делаем всё также как в первом варианте: пункты 1 и 2. Разрешаем использование iframe.
Далее копируем не HTML код видео плеера, а просто ссылку на видео.
Далее переходим в материал Joomla, ставим курсор мыши в нужное место статьи и жмём на кнопку «Видео»
Появиться вот такое окно, где в поле «Источник» вставляем скопированную ссылку из Ютуб.
Размер подставляется автоматически.
Таким же образом, на вкладке «Код для вставки»можно вставить и код видеоплеера в теге iframe. Чтобы не переходить в исходный код статьи.
Преимущества первых двух вариантов в том что при просмотре видео, даже если будет большая посещаемость, то на скорость загрузки видео и вашего сайт это никак не повлияет. Потому что видео будет загружаться с сервера Youtube
Недостаток, если его можно так назвать в том, то что нужно копировать и вставлять код в статью в режиме HTML (в варианте по-проще можно вставить через кнопку), и слегка изменять настройки редактора (выключая фильтрацию).
Лично я использую вариант по-старинке.
Привык)
Вставка роликов с других видеосервисов
Таким же образом вставляются видео из других видео хостингов, например Vimeo.com
Суть та же. Копируете код для вставки и вставляете его в статью или модуль Joomla.
Иногда сервисы могут предлагать вставку кода через тег object, который тоже запрещён в настройках редактора Joomla. В этом случае, если вы выключаете фильтрацию текста для суперадмина, то код с object тоже вставиться без проблем.
Вставка видео с собственного сайта
Это вариант когда видео хранится прямо на вашем сайте, в виде файла .mp4 или в другом формате.
Здесь тоже есть два варианта: вставить напрямую или вставить через специальный плагин.
Рассмотрим оба.
Вариант 1. Напрямую.
Допустим, вы загрузили ваш файл с видео в папку images и называется он — video.mp4
Можно вставить его вручную, используя тег video
К нему можно добавлять различные опции, которые доступны в HTML5
Или же можно вставить проще, через кнопку «Видео».
В поле источник указав путь до видеофайла, например: images/video.mp4
И при необходимости можно указать размеры ролика.
Тег video поддерживается большим количеством браузеров, единственное, что некоторые браузеры поддерживают не все форматы видео.
Преимущество такого варианта в том что видео загружается с вашего сайта и оно всегда будет там, пока вы сами его не удалите.
И вам никто не может запретить его воспроизведение.
Но недостатков больше.
- Увеличивается нагрузка на ваш хостинг и на интернет-канал хостинга. Особенно это заметно когда видео просматривают сразу несколько десятков пользователей.
Например, если ваше видео будут одновременно просматривать 20 человек, то вся ширина канала хостинга будет поделена между ними.
Таким образом видео будет загружаться медленно и постоянно прерываться. - Некоторые браузеры могут поддерживать не все форматы видео.
- Если у вас много видео, то они будут занимать большой объём на хостинге.
- При вставке видео в статью, нужно каждый раз указывать путь до него, это не совсем удобно.
Вариант 2. Через плагин AllVideos.
Также для Joomla есть специальный плагин для проигрывания видео- и аудио- файлов.
Это плагин AllVideos, скачать его можно на официальном сайте разработчика >>
После установки и настройки плагина, для вставки видео можно использовать упрощённый код:
Где myvideo — это название ролика в формате mp4.
Таким же образом можно вставлять и аудиоролики.
Преимущества вставки видео через плагин:
- он поддерживает много различных видеоформатов и видео может проигрываться практически на любых устройствах.
- то, что это ваше видео и никто не может запретить его воспроизведение или удалить.
- вставлять немного проще, чем в прошлом варианте. Достаточно указать только имя файла, заключив его в теги, указывающие на его формат.
Недостатки почти такие же:
- замедление загрузки сайта и самого видео при большой посещаемости
- на сайте занимается большой объём места под видео
- дополнительное стороннее расширение с подгрузкой своих яваскриптов.
Вставка видео с Youtube через плагин
Также при помощи плагина AllVideos можно вставлять ролики из Youtybe и многих других сервисов.
Делается это при помощи такой записи:
Где xhty9934wk — это короткая ссылка на ролик из YouTube
Какой способ выбрать, решайте исходя из задач перед вашим проектом.
Если нужна быстрая скорость загрузки и не хочется тратить место на хоcтинге — то однозначно Youtube или подобные сервисы.
Если у вас всего пара видео и небольшая посещаемость, или нужно встраивать видео, которое могут заблокировать в сервисах, то тогда размещайте его на своём сайте и вставляйте через плагин или напрямую через тег video.
SEO Песочница — статьи для начинающих
Здравствуйте друзья! Для развития своего бизнеса в интернете или просто для увеличения полезного контента на своем сайте, многие веб-мастера прибегают к такому способу как вставка видео из youtube или других видео-хостингов на страницы своего сайта, интегрируя непосредственно в контент.
Но поскольку мы лютые джумловоды то и будем сегодня говорить о том, как вставить вставить видео в joomla 2.5. Есть масса способов в интернете, где описывается вопрос как добавить видео в joomla 2.5, но я предлагаю подробно рассмотреть несколько простых и эффективных способов это сделать.
Начну с того, что раз уж Вы читаете эту статью, то наверняка пробовали вставить видео с youtube в joomla 2.5 стандартными методами. Т.е. через административную панель Вашего сайта, заходили по пути Расширения — Менеджер плагинов — Редактор — TinyMCE. В настройках данного редактора есть такое поле как «Запрещенные теги» и Вы наверняка обращали внимание, что среди запрещенных тегов находятся и те, которые нам нужны для вставки видео — iframe, script. Естественно, мы их удаляем, сохраняем настройки плагина и думаем что дело в шляпе! Но как говорил один мой преподаватель по фармакологии — а не тут то было, а было да не тут! После этих манипуляций видео упорно не хочет добавляться в контент, теги режутся системой как и прежде
Но конечно же выход есть
Способы добавления видео на сайт joomla 2.5
Первым способом, который мы рассмотрим — это установка редактора JCE на наш сайт. Этот редактор весьма удобен и обладает таким же широким функционалом как и привычный нам TinyMCE. Более того, он очень удобен для правки кода, поскольку удобно структурирует код и подсвечивает теги и ошибки. Согласитесь, редактор TinyMCE в режиме HTML просмотра очень неудобен, поскольку всё сливается в однотонное месиво тегов и текста.
Так вот, после установки редактора JCE вставить видео на сайт joomla 2.5 очень просто — достаточно в режиме просмотра кода вставить код видеоролика с ютуба. После сохранения видеоконтент отображается в теле статьи или там, куда Вы его вставили Хочу добавить, что этот способ также применим и для Joomla 1.5, поскольку редактор совместим и с этой версией движка.
Ну и для Вашего удобства, сразу предлагаю скачать редактор JCE чтобы не тратить время в поисках его в интернете.
Второй способ как добавить видео в joomla 2.5, не менее простой, заключается в процессе установки плагина jw allvideos-v4.5 Кстати, этот плагин подходит и для Joomla 1.5 тоже.
Плагин имеет ряд простых настроек, где можно отредактировать визуализацию видео на Вашем сайте, но с этим Вы можете самостоятельно разобраться, там всё предельно просто. Я же остановлюсь на некоторых деталях, которые непосредственно относятся к вопросу «как вставить видео на сайт joomla 2.5».
Итак, разработчики предусмотрели практически все возможные способы вставки видео из различных источников. И интеграция видео происходит довольно просто, с помощью тегов. Поскольку источники видеоконтента могут использоваться различные, не только youtube, то и теги, соответственно, тоже разные.
Например, чтобы добавить в текст статьи видео из youtube, то нужно вставить в нужном месте статьи код в виде
Кстати, таким способом можно вставить не только видео, но и музыкальные треки, т.е. аудиофайлы.
Подробное описание синтаксиса находится на сайте разработчика, на странице http://www.joomlaworks.net/extensions/free-premium/allvideos
На той же странице внизу можно и скачать сам плагин jw allvideos-v4.5 для версий CMS Joomla 1.5, 2.5 и 3.х либо прямо с моего сайта кликнув на кнопку скачать плагин allvideos-v4.5
Вот пожалуй пока что всё, надеюсь что данная статья помогла Вам решить вопрос — как добавить видео в joomla 2.5?
Кстати, при создании сайтов, я всегда интегрирую тот функционал, который будет максимально полезным и востребованным, в т.ч. находится место и для одного из вышеперечисленных расширений
Если у Вас есть или возникли вопросы, пожалуйста, задавайте их в комментариях. Ну а если Вам понравилась статья «как вставить видео в joomla 2.5«, поделитесь ей пожалуйста в профилях социальных сетей, возможно, эта информация будет полезна для других людей Спасибо Вам и до новых встреч на страницах моего SEO-блога!
Как вставить видео на сайт Joomla?
Содержание
Способы вставки видео в Joomla
Разместить видео в контенте сайта через редактор можно посредством:
Давайте проанализируем каждый в соответствующем порядке.
Плагин AllVideos
AllVideos — плагин для Joomla, призванный упростить вставку видео в контент страниц.
» target=»_blank» >JED составляет 4.5 из 5 на основании 278 (!) голосов. Но не спешите устанавливать расширение: сперва давайте разберёмся, так ли всё гладко.
Принцип работы AllVideos прост: устанавливаем и активируем плагин, после чего можем вставлять видеоролики в Joomla из YouTube и прочих сервисов с помощью шорткодов. И тут у неосведомленного пользователя может возникнуть вопрос: а каких шорткодов? Действительно, этот момент не столь очевиден, и расширение не предусматривает никаких кнопок в редакторе для упрощения добавления видео. На самом деле это совсем не проблема, и стоит лишь понять синтаксис (короткая инструкция тут) и вставлять с помощью AllVideos больше не составит труда.
Пример шорткода вставки видео с YouTube:
На выходе данный шорткод преобразуется в:
Этот HTML-код и выводит на экран нужное нам видео.
Казалось бы: что может быть проще? Вставил часть URL-адреса в небольшой шорткод, а дальше — дело техники. Но не спешите радоваться! Если взглянуть за «занавес» веб-страницы, то можно увидеть целых 5 ресурсных файлов, которые добавляет к странице AllVideos:
Откровенно говоря, подгрузка 5 файлов для отображения ролика с YouTube — это перебор, ведь каждый лишний ресурс замедляет загрузку страницы.
Но это еще не самое страшное!
Итак, стоит ли устанавливать и использовать плагин AllVideos весом 1.4 Мб для вставки видео на сайт Joomla с учетом всего вышесказанного? Наш ответ: Нет!
Шорткоды для вставки видео
Существует достаточно большое количество ультимативных наборов шорткодов для вставки самых разных элементов в контент страниц Joomla, и практически каждый из них имеет в своём арсенале короткий код для вставки видео. Самым достойным представителем в линейке подобных расширений является Shortcode Ultimate.
Вставлять шорткоды Shortcode Ultimate — одно удовольствие. Чтобы добавить видео с YouTube:
- нажимаем кнопку Вставить шорткод в текстовом редакторе;
- из списка элементов во всплывающем окне находим и выбираем YouTube видео;
- вставляем ссылку на видео и при необходимости настраиваем другие параметры;
- можно просмотреть результат в текущем окне, нажав Предварительный просмотр;
- жмем Вставить шорткод.