ГлавнаяJoomlaJoomla вставка видео

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


Вставляем видео на сайт под управлением Джумла

В сети можно встретить массу методов, которые описывают, как можно вставить видео в материал на сайте Joomla, но мы рассмотрим только наиболее простые и эффективные способы. Если вы читаете данный материал, то с большой вероятностью уже пытались разместить видео стандартным методом: заходили в админку вашего сайта, а далее по пути «Расширения» — «Менеджер плагинов» — «Редактор» — «TinyMCE». В настройках этого редактора (к слову, который является стандартным в Joomla) присутствует поле «Запрещенные теги». Если там немного «покопаться», то вы увидите, что среди запрещенных присутствуют как раз те теги, которые необходимы для вставки видео – script и iframe. Казалось бы, можно удалить эти теги из списка и сайт будет отображать ролики, но на деле и после этих манипуляций видео не будет добавляться в материалы (теги будут резаться системой, как и было раньше).https://www.youtube.com/watch?v=2jFXCkUpCKsЕсли ставить другой редактор или плагин для вставки видео нет желания, то придется произвести настройку TinyMCE, но прежде необходимо сделать следующее:

  1. Заходим в административную панель на вашем сайте;
  2. Открываем менеджер материалов;
  3. Ищем значок «Настройки», который расположен вверху с правой стороны;
  4. Теперь переходим на вкладку «Фильтры текста»;
  5. В списке должна быть группа «Суперпользователи», где вам необходимо выставить значение «Без фильтрации».

Как вариант, можно и отключить стандартный редактор на сайте, но это далеко не всем придется по духу. Итак, чтобы TinyMCE не удалял видео со сторонних ресурсов, включая Youtube, то делаем следующее:

  1. Переходим в «Расширения», а далее в «Менеджер плагинов»;
  2. В открывшемся списке выбираем редактор TinyMCE;
  3. В Поле «Запрещенные теги» удаляем запись «iframe»;
  4. Также меняем опцию «чистка после записи».

Теперь вставка видео на сайте должна работать. Если нет, то можно выключить редактор, добавить видео через форму HTML, сохранить статью и включить редактор вновь.https://www.youtube.com/watch?v=dpGrB8eFq-w

Вставка видео на сайт Джумла при помощи редактора JCE

По мнению многих, редактор JCE более удобен и куда более функционален, нежели стандартный TinyMCE. Он также очень удобен для правки кода, ведь очень удобно структурирует код, а также отображает теги и некорректный код. TinyMCE в свою очень неудобен в режиме редактирования HTML, ведь там все сливается в однотонное «месиво» из тегов и текста.

Если установить JCE, то вставить видео будет очень просто: в режиме отображения кода HTML стоит вставить код ролика в нужный участок материала.

Также отметим, что этот способ применим и для Joomla 1.5, ведь редактор работает и со старыми версиями Joomla. Получить редактор можно по URL: http://yadi.sk/d/xcSYn3JN8TbJohttps://www.youtube.com/watch?v=RUrpPAxS2-Q

Плагин для вставки видео на сайт Joomla AllVideos

Данный плагин также даст вам возможность разместить видео на ваш сайт под управлением Joomla. Разработка имеет огромное количество настроек, и что самое главное поддерживает разнообразные форматы видео- и аудиофайлов, которые можно вставить с Яндекс.Видео, Майл.ру, Rutube, Vkontakte, YouTube и других сервисов. Более того, вы можете вставить собственное видео на сайт, которое может быть размещено на вашем или на удаленном сервере (есть возможность загружать свое видео на сервер через специальную кнопку).

Но заметим, что вставлять видео все же лучше будет со сторонних ресурсов, ведь так не придется растрачивать собственную пропускную способность. Плагин AllVideos распространяется совершенно бесплатно и выпускается под GNU General Public Licence. Плагин совместим с компонентом K2 и Joomla версий выше 2.5. Устанавливается плагин стандартно: заходим в «Расширения» – «Менеджер расширений» – «Установить/удалить». Собственно получить решение можно по URL: http://service-joomla.ru/component/jdownloads/finish/8/106.html?Itemid=0

Все параметры плагина описывать не будем, но все же отметим одну опцию – «Compress player scripts using PHP» (Сжимать скрипты плеера при помощи использования PHP). Это позволит в общем улучшить быстродействие сайта, благодаря уменьшению javascript кода и позволит использовать различные плееры, совместимые с плагином. Но есть момент: не каждый хостер поддерживает эту функцию, и если это так, то включать ее не стоит.https://www.youtube.com/watch?v=kb6gpZ-jnSwПосле настройки нужно перейти в материал, в котором нужно разместить видео и вставить код (речь идет о специальном номере, который присваивается каждому видеофайлу). После этого просто сохраняем материал и радуемся – теперь вы можете вставлять видео в свои материалы на своей площадке.

Если у вас есть еще интересные варианты вставки видео в Joomla или у вас что-то не получилось, то вы можете написать об этом в комментарии на сайт.

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

joomlalib.ru

Как вставить видео в 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.

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

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

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

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

joomlatown.net

AllVideos Joomla 3 – вставка видео

 

 

AllVideos – плагин Joomla для вставки видео или аудио на сайт с YouTube, Vimeo и других сорока источников. Кроме этого поддерживается вставка видео\аудио с внешних серверов или с того, на котором расположен сайт. Вставка возможна, фактически, везде, где поддерживается обработка плагинов Джумла. Например, в материалы, модули, K2, redShop, Virtuemart и так далее. Плагин поддерживает воспроизведение достаточно большого количества популярных мультимедийных файлов. Среди которых MP4, MP3, WMA, OGG и другие. Он прост в настройке и ещё более простой в использовании. Выводимый плагином на сайте видео/аудио плеер адаптивен и нормально отображается на мобильных устройствах. Плагин абсолютно бесплатный.

В обзоре будет участвовать последняя, на момент написания статьи (25.11.2016), русскоязычная версия AllVideos 4.7.0 в Joomla 3.6.4. Русификатор плагина не с официального сайта, делал не я.

На официальном сайте расширений Joomla 272 отзыва, расширение добавлено 08 июня 2006 года.

Возможности

Рассмотрим основные особенности плагина AllVideos.

Также поддерживается вставка видео\аудио объектов из таких источников:

  1. 123video.nl
  2. Aniboom.com
  3. Blip.tv
  4. College Humor
  5. Dotsub.com
  6. Flickr (видео)
  7. Funny Or Die
  8. GameTrailers.com
  9. Gloria.tv
  10. Goal4Replay
  11. Godtube.com
  12. GrindTV
  13. Kewego
  14. Ku6.com
  15. Liveleak
  16. LiveVideo
  17. MetaCafe
  18. MySpace Videos
  19. Myvideo.de
  20. Sapo.pt
  21. Screenr.com
  22. Sevenload
  23. Sohu.com
  24. SoundCloud
  25. SouthParkStudios.com
  26. StupidVideos.com
  27. Tudou.com
  28. UStream
  29. Vbox7
  30. Veevr.com
  31. Veoh
  32. Vidiac.com
  33. Vine
  34. Yahoo Screen
  35. YFrog (только видео)
  36. Youku.com
  37. Youmaker.com

Настройки AllVideos

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

На вкладке Плагин (рисунок ниже) Вы сможете выбрать один из трёх доступных шаблонов (опция Выбрать шаблон), но рекомендую оставить по умолчанию – Responsive.

Плагин AllVideos

Директория видео. Директория аудио. Данные опции позволяют задать папку для видео/аудиофайлов, в случае, если Вы хотите вставлять видео/аудио со своего хостинга.

Flash/MP4/WebM/OGG Прозрачность видеоплеера. Если Вы используете на сайте какой-то плагин галереи с эффектом lightbox, например, Simple Image Gallery, рекомендуется оставить данную опцию включённой. Это позволит минимизировать риск возникновения конфликта в работе расширений.

Display JW Player controls. Позволяет включить\отключить элементы управления плеера JW Player.

На вкладке Дополнительные параметры (рисунок ниже) Вы можете настроить погрузку JW Player на страницу сайта.

JW Player loading location. Можно загружать плеер из папки на Вашем сайте, опция Local, или при помощи сети доставки контента, опция CDN. Если сервер Вашего сайта находится от пользователя на большем расстоянии, чем сервер сети доставки контента, то загрузка будет происходить медленнее. Для использования CDN понадобится регистрация на сайте разработчика плеера. Даже если Вы не используете CDN, зарегистрировавшись на сайте, сможете просматривать статистику касательно плеера.

Если Вы выбрали для предыдущей опции значение CDN, то в полях опций JW Player API Key (optional) и JW Player CDN Url можно задать значения, которые получите в своём личном кабинете на сайте разработчика плеера JW Player (но это не обязательно).

JW Player API Key (optional). Если Вы хотите видеть статистику по использованию плеера, то заполнение данной опции обязательно.

JW Player CDN Url. Если Вы хотите, чтобы пользователям всегда загружалась последняя версия плеера по CDN, тогда заполните данную опцию. Обратите внимание, что это избавит Вас от необходимости обновления самого плагина AllVideos Joomla 3.

AllVideos Joomla 3

Как вставить видео в Джумлу

Предлагаю пошаговую инструкцию по вставке видео в материал Joomla (на примере com_content, редактор TinyMCE, вставка видео с YouTube). А в статье «Как сделать сайт на Джумла (часть 5). Пошаговая инструкция» есть видео урок, где можно увидеть данный процесс (начните смотреть с 08:45).

  1. Скачайте плагин с официального сайта разработчика, с учётом версии Вашей CMS.
  2. Установите его в Расширения – Менеджер расширений – Установить – Загрузить файл пакета.
  3. Включите его в Расширения – Менеджер Плагинов – AllVideos (by JoomlaWorks).
  4. При необходимости можете изменить настройки плагина.
  5. Перейдите на страницу с видео на YouTube и под видео нажмите на ссылку Поделиться (рисунок ниже). Скопируйте последнюю часть URL-адреса видео.
Как вставить видео в Joomla

После этого перейдите в материал Joomla и вставьте скопированную часть (без протокола и домена YouTube, то есть без «https://youtu.be») между тегами «{youtube}» и «{/youtube}» (рисунок ниже).

Как вставить видео в Джумлу

Вместо этой конструкции (рисунок выше) на сайте появится видео с YouTube. О том, как можно вставить видео с других сервисов Вы можете прочесть в документации разработчика в разделе «Available tags in AllVideos». Но принцип будет аналогичен описанному выше.

В общих настройках AllVideos на вкладке Плагин Вы можете задать ширину\высоту окна видео и включить\отключить автоматическое воспроизведение видео\аудио. Эти опции влияют на все объекты на сайте. Но для каждого отдельного объекта можно задать свои собственные (рисунок ниже). Это можно сделать для любого источника или для любого типа файла.

Настройка видео

На рисунке выше вместо «youtube» может быть указан другой источник или тип файла. «1280» – ширина окна видео, «720» – высота окна видео, «1» – включить автоматическое воспроизведение видео при загрузке страницы («0» – выключить).

Как видите, вставка видео в Joomla c плагином AllVideos совсем простая задача. А учитывая, что он бесплатный и позволяет адаптировать видео под разрешение разных устройств, плагин точно заслуживает, чтобы Вы рассмотрели его в качестве расширения для реализации подобных задач у себя на сайте.

 

Полезные ссылки:

aleksius.com

Как вставить видео в статью сайта Joomla

class="eliadunit">

Вступление

Создавая Joomla сайт, публикуя статьи на сайте, размещая красивые модули не обойтись без вставки видео с бесплатных видеосерверов Интернет. Я имею в виду сервисы, YouTube, Vimeo, RuTube, Dailymotion и массе других. Размещенные видео на видеосерверах можно экспортировать себе в статью.

Код для вставки видео в статью

Каждое видео, размещенное на видеосервере, имеет свой уникальный код. Код видео заключен в элементы embed или object.

Примечание: Тег object рекомендован в спецификации HTML4, и он должен заменять тег embed или окружать его. Тег embed рекомендован в спецификации HTML5.

Посмотрим, где взять код для вставки видео в статью, на сервисе Dailymotion. На других сервисах все аналогично. Открываем заинтересовавшее или свое, размещенное на сервисе, видео. Ищем кнопку «Экспорт» или кнопку </>Embed. 

vstavit video na joomla 1

Если на сервере есть настройки размеров, можно поменять размер видео. Если нет отдельный настроек для размера, меняем размер непосредственно в коде. Часто используемый размер фрейма для видео,, его и меняем. На фото размер видео фрейма 480x270.

Как вставить видео в статью Joomla инструментами коробочной версии

Код видео есть, размещаем его в статье или модуле. Есть два принципиальных варианта вставить код видео материала.

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

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

Настройка плагина TinyMCE для корректной вставки видео

Для настройки TinyMCE идем на вкладку: Расширения→Менеджер плагинов и открываем плагин TinyMCE для редактирования.

TinyMCE 2

В этом варианте настроек редактора нам важны следующие настройки:

1. В режиме редактора включаем «Расширенный режим»;

class="eliadunit">

TinyMCE 1

2. В полях «Разрешенные элементы» и «Дополнительные валидные элементы» ничего не пишем. Из поля «Запрещенные теги» всё удаляем, но не оставляем поле пустым. Пишем нейтральный тег, например cms. Если это поле оставить пустым, после сохранения настроек система восстановит свои запрещенные теги.

TinyMCE 3

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

Вставляем видео в статью Joomla сайта

vstavit video na joomla 2

Yes video

Важно! Такая вставка видео позволяет редактировать статью и параметры ее отображения без потери видео.

Вставка видео в модули сайта Joomla

Для вставки видео в модули, создаем модуль типа, текст-HTML и вставляем видео в редакторе TinyMCE.

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

©Joomla3-x.ru

Другие статьи раздела: Администрирование Joomla 3

 

 

 

class="eliadunit">

joomla3-x.ru

Prostoy-Site | Все права защищены © 2018 | Карта сайта