Как добавить на joomla видео с youtube – сейчас все расcкажем

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

Как добавить на joomla видео с youtube – Сейчас все расcкажем

От автора: приветствую Вас уважаемые читатели. Контент в формате видео, очень популярен и встречается практически на каждом третьем сайте в интернете, так как наиболее легко воспринимается пользователями. Поэтому в данной статье мы с Вами поговорим о том, как вставить видео на сайт 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 – с неповторимым дизайном

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

Источник: https://webformyself.com/joomla-vstavka-video/

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

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

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

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

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

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

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

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

  1. Первым делом нужно разрешить использование тега iframe, чтобы он не обрезался редактором.Переходим в Менеджер расширений — Плагины. Можете сразу отфильтровать их по типу «editors».И находим среди них плагин «Редатор — TinyMCE».Если у вас новая версия Joomla (3.7+), то в настройках редактора будут предустановленные настройки (сеты) для разных групп пользователей.Нам нужен Set 0 (для админов). Выбираем его и спускаемся ниже.Находим опцию «Use Joomla Text Filter» (использовать фильтр для текста) и включаем её.Тег iframe из списка запрещённых можно не удалять.И сохраняем.
  2. Далее переходим в Система — Общие настройки. Вкладка «Text Filters».

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

    Сохраняем.

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

     Копируем его Ctrl+C (или просто правой кнопкой мыши — Скопировать)

  4. Открываем материал 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 поддерживается большим количеством браузеров, единственное, что некоторые браузеры поддерживают не все форматы видео.   

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

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

  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.

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

Источник: https://JoomlaTown.net/blog/web-razrabotka/kak-vstavit-video-v-material-joomla

Топ-6 компонентов видео для Joomla 3

В этой статье, я представлю вам 6 лучших видео расширения для Joomla 3.5 , которые получают наивысшие оценки в JED и очень рекомендуются в  сообществах Joomla.

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

Я разделил эти расширения на 3 вида по своей функциональности:

  • Вставка и отображение видео в ваших статьях
  • Отображение видео как фон страницы (или, например, как фон какого-либо блока)
  • Создание и отображение плейлистов видео на вашем сайте

Вставка и отображение видео в материалах

OSYoutube нереально упрощает вставку видео из YouTube в статьи на вашем Joomla сайте.

Все, что вам нужно сделать, это скопировать и вставить URL со страницы видео на YouTube в вашу статью, и флеш-плеер будет отображаться в вашей статье автоматически.

Можно абсолютно уверенно сказать, что теперь вам понадобится всего около 20 секунд, чтобы опубликовать новую статью или клип с YouTube.

Вы можете использовать бесплатную версию OSYouTube или покупки Pro версии со всеми функциями и расширенной поддержкой на 6 месяцев за $22 или на 12 месяцев за $35.

Отображение видео как фон страницы

Aikon Youtube Background Video имееть позволяет взять любое видео прямо с YouTube и разместить его на своем сайте либо в качестве фона, в качестве хэдера, а также модуля.

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

Тем более, этот компонент работает с потоковым воспроизведением видео, благодаря чему обеспечивает нулевое время загрузки и полноразмерного масштабирования видео. Разве это не здорово?

Правда стоит отметить, что Aikon Youtube Background Video — коммерческое расширение, имеющее 3 версии: $24 за стандартную версию, $34 за профессиональную и $64 за версию для разработчиков.

Создание и отображение плейлистов видео в Joomla 3

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

Но, чтобы вам было намного удобнее, я составил обзор самых интересных и рейтинговых расширений для наших целей!
Итак, в этой категории я расскажу не об одном, а сразу о 4 лучших видео расширениях, которые я испытал на моем сайте. Я буду сравнивать их по некоторым критериям.

Название
Описание Помогает вам создавать и отображать видео галереи на вашем сайте Поможет вам показать одно видео или построить большой веб-сайт для обмена видео. Имеет даже поддержку субтитров Помогает вам создавать и отображать плейлисты видео на вашем сайте. Помогает вытащить видео с канала YouTube/со страницы пользователя/плейлиста, а затем размещает их на вашем сайте
Поддержка видео форматов FLV, MP4, 3G2, 3GP, AAC, F4B, F4P, F4V, M4A, M4V, MOV(H. 264), SDP, VP6 MP4, M4V, FLV, MOV, WEBM, OGG Любые HD файлы. HDVideoShare поддерживает ffmpeg, который конвертируется в .FLV Любые форматы видео с YouTube
Способы добавления видео
  • Вставка видео с YouTube
  • Вставка адреса видео
  • Загрузка с компьютера
  • Вставка видео с YouTube
  • Загрузка с компьютера
  • Вставка видео с YouTube, Vimeo, Viddler, Daily Motion
  • Вставка адреса видео
  • Загрузка с компьютера
Добавление из канала YouTube/из видео пользователя/из плейлиста
Адаптивность Используется HTML5 как запасной вариант воспроизведения видео на мобильных устройствах, но не гарантировано воспроизведение на всех мобильных устройствах Полностью адаптивный Полностью адаптивный Полностью адаптивный
Привилегии пользователей Контроль прав доступа пользователей для каждой категории и видео
  • Контроль прав доступа пользователей для каждой категории и видео
  • Пользователь может добавлять, редактировать, удалять свои видео
  • Пользователь может комментировать, оценивать видео, копировать код видео на другие сайты
  • Контроль прав доступа пользователей для каждой категории и видео
  • Пользователь может добавлять видео через специальную опцию загрузки и опции импортирования
  • Пользователь может оценивать, жаловаться, комментировать видео
Имеет все функции пользователя YouTube
Брендинг
  • Есть возможность добавить свой собственный логотипВозможность показать Преролл (Preroll) и Постролл (Postroll) рекламные видео 

Источник: http://joomla.ru/articles/extensions/2590-video-top6

Видео и аудио на сайте Joomla — легко!

Друзья, добрый день! Необыкновенно жаркая погода провоцирует меня впасть в мое любимое состояние расслабленного миросозерцания и ничегонеделания… Вот как красиво я завуалировала фразу «лень что-то делать»!

Однако помнится мне, что я в прошлом уроке по созданию сайтов на Joomla, посвященном, кстати, созданию модуля быстрого контакта на сайте, пообещала в ближайшем времени рассказать о вставке аудио и видео на страницы сайта. Так что этим мы, пожалуй, сегодня и займемся. (А уж закончив статью, можно будет и полениться помиросозерцать.)

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

Я давно задаюсь вопросом, а многие ли смотрят эти видеоролики, которые стало так модно втискивать в статьи любого содержания, слушают аудио, «от которого у меня буквально перехватило дух»… Настолько давно, что собираюсь даже поискать статистику на этот счет, если она существует, конечно. Нет, ну вот вы лично часто смотрите видеоролики на сайтах и блогах?

Ну да ладно, раз уж нужно вам видео/аудио, то приступим к изучению вопроса, как же вставить видео и аудио на сайт Joomla.

Вставить видео- или аудиоролик на сайт Joomla можно несколькими способами:

  1. Посредством новых возможностей HTML5
  2. При помощи плагина AllVideos можно разместить аудио- или видеоролик прямо в тексте материала
  3. Используя модуль Vidbox, вывести мультимедиа в любом месте сайта, где позволит Ваша фантазия и расположение позиций шаблона
  4. На многих популярных видеохостингах предусмотрено расшаривание файлов — пользователь может получить специальный код для вставки понравившегося ролика на свой ресурс

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

Вставка видео и аудио средствами HTML5

Добавляем на сайт аудио

Аудио добавляется в материал Joomla специальным тегом , который является парным.

Чтобы вставить аудиоролик в материал, нужно:

  1. Загрузить аудио в папку с файлами сайта. Если вы планируете часто вставлять на сайт ролики, то разумно завести для них отдельную папку, можно даже и в корне сайта.
  2. Открыть нужный материал на редактирование и перейти в режим HTML-редактора, нажав кнопочку «Show/Hide» в левом верхнем углу:
  3. И вставить в нужное место вот такой код:

Здесь атрибут «scr» — это название трека, который вы вставляете, «controls» — добавляет на страницу аудиоплеер с элементами управления. В итоге наш материал с добавленным в него аудио выглядит так:

Добавляем на сайт видео

Принцип вставки видео средствами HTML5 примерно такой же: в нужное место материала в HTML-режиме вставляем код такого вида:

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

То есть может случиться так, что ваш аудио или видеоролик просто не будет отображаться в том или ином браузере. Именно поэтому я в такой не свойственной мне манере кратко прошлась по этому способу. Кому интересно, читаем подробно, например, здесь.

А в ожидании момента, когда полная поддержка стандарта HTML5 станет нормой для всех браузеров, мы с вами обратимся к удобному и универсальному решению для вставки аудио и видео в материалы Joomla:

Плагин AllVideos

Скачиваем AllVideos в официальном репозитории расширений Joomla или у предусмотрительной Web-Кошки, уже припасшей для вас версию 4.5.0 для Joomla 2.5, устанавливаем через Менеджер расширений, затем активируем плагин (1) в Менеджере плагинов:

При помощи AllVideos можно вставлять в материалы как аудио, так и видеофайлы, причем расположенные как у вас на сервере, так и на сторонних ресурсах, например, видеохостингах типа Vimeo, того же YouTube и т.д.

Для начала разберемся со вставкой аудио:

Добавляем аудио при помощи AllVideos

Плагин AllVideos позволяет вставить на сайт Joomla аудио следующих форматов:

На странице добавленный аудиофайл будет выглядеть так:

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

Все настройки AllVideos разделены на параметры воспроизведения видео и аудио. Нас интересует сейчас вторая часть этих настроек (аудио):

  1. Папка, в которой должны располагаться аудиофайлы для воспроизведения с вашего сервера. Напомню: папка «images» расположена в корне сайта.
  2. Ширина и высота плеера.
  3. Цвет фона
  4. Цвет надписей
  5. И цвет регулятора громкости — в общем, внешний вид проигрывателя можно настроить полностью под ваш шаблон
  6. Разрешить ли пользователям скачивать этот файл. У меня на скрине разрешено, и вы видите ссылку «Download»
  7. Автовоспроизведение — вот уж точно что не стоит включать однозначно, иначе воспроизведение файла может начаться сразу же, как страница загрузится, что неподготовленного и не ожидающего от вас такого подвоха пользователя может ввергнуть в легкий шок

На этом с настройками вывода аудио все. Теперь разберемся непосредственно с тем, как же вставить его на сайт.

Все на самом деле очень просто: достаточно в нужном месте вашей статьи в режиме визуального редактора (хотя можно и в HTML) вставить такой код:

  • если аудио лежит у вас на сайте: {формат_файла}название_файла{/формат файла} — например, для mp3 так: {mp3}pesnya{/mp3};
  • если вы вставляете аудио с другого сайта, код выглядит так: {mp3remote}полный_путь_к_файлу{/mp3remote} (это для mp3, конечно)

Полный список всех поддерживаемых форматов и шаблонов для их вывода вы найдете на сайте разработчика (это же касается и видеоформатов).

Вставка видео при помощи AllVideos

мало чем отличается от вставки аудио, разве что настроек, отвечающих за вывод видео, у AllVideos немного больше:

  1. Выбор скина (варианта внешнего вида) для плеера
  2. Папка для локальных видеофайлов (тех, которые вы планируете воспроизводить со своего сервера)
  3. Ширина и высота плеера
  4. Не знаю, что это, но лучше оставить «Да» во избежание конфликтов с другими расширениями
  5. Цвет фона
  6. Расположение панели управления в плеере
  7. И цвет фона для видео от Квиктайм

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

Для примера, видео с YouTube вставляется в материал таким образом: {youtube}kPiPAIWkkec{/youtube}, а выглядит на сайте вот так:

Все достаточно просто и прозрачно, а главное — удобно, согласитесь!

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

Для вывода контента в различных позициях Joomla, как вы помните, использует модули. И именно при помощи специального модуля мы с вами и решим эту задачу.

Vidbox — модуль для вставки аудио и видео на сайт Joomla

Это расширение Joomla предназначено для вставки медиафайлов на сайт, причем содержимое модуля при нажатии на него открывается во всплывающем окне — такое достаточно оригинальное решение!

Скачиваем модуль Vidbox из официального каталога расширений Joomla или у меня по прямой ссылке, обычным способом устанавливаем и заходим в его настройки кликом по названию в Менеджере модулей:

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

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

  1. Указываем url медиафайла, который будем вставлять
  2. и его тип

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

Указываем ширину и высоту, а также внешний вид для миниатюры плеера, которая будет видна на сайте:<\p>

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

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

Вставка видео YouTube на сайт Joomla без помощи сторонних расширений

Под любым роликом на YouTube вы найдете вот такую панель, на которой нас интересует вкладка «Поделиться»:

Здесь мы переходим в «HTML-код» и копируем предложенный нам код:

Теперь мы этот код можем вставить или в нужное место статьи (естественно, в режиме HTML-редактора), либо же вставить в какую-нибудь позицию шаблона, создав новый модуль типа «HTML-код» (Менеджер модулей — Создать):

и скопировав этот код в созданный модуль.

Кстати, заметьте, что и в этом случае вы можете управлять внешним видом подгружаемого плеера. Для этого достаточно изменить значения ширины и высоты в скопированном вами коде (они у меня на скрине выше подчеркнуты) на нужные вам.

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

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

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

А на сегодня все, дорогие друзья и читатели моего блога! До скорой встречи в очередном уроке Joomla (вопреки традиции не стану поднимать завесу тайны над его тематикой, так что советую вам подписаться на обновления, чтобы чего-нибудь не пропустить интересненького)!

С вами была всегда ваша пушистая Web-Кошка!

P.S. Ушла миросозерцать…

Источник: http://web-koshka.ru/joomla/mul-timedia/dzhumlopleer-ili-kak-dobavit-audio-i-video-na-sajt-joomla.html

Вставляем в Joomla YouTube видео / плейлист / канал

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

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

Плагин YouTubeR поможет вам в достижении следующих целей:

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

Пошаговая интеграция YouTube в Joomla сайт

Кстати, если хотите посмотреть какие вы можете создавать галереи при помощи плагина YouTubeR — перейдите по этой ссылке.

1. Скачайте архив YouTubeR

Для начала удостоверьтесь, что у вас есть пакет расширения YouTubeR. Он содержит необходимые файлы для установки на ваш сайт. Найти его легко, он находится в разделе «Купленные премиум расширения» в вашем аккаунте на AllForJoomla.ru

Если у вас еще нет аккаунта, то пожалуйста, зарегистрируйтесь. Также, если вы еще не приобрели YouTubeR, то приобретите — процесс этот очень простой и не требует описания — просто нажмите кнопку «купить» на этой странице и следуйте указаниям на экране.

На странице купленных вами расширений найдите YouTubeR, напротив него нажмите кнопку «Скачать» и в выпадающем меню выберите «Файлы расширения и документацию».

2. Распакуйте скачанный архив расширения YouTubeR для Joomla

Внутри архива вы найдете установочный пакет, который и нужно установить на сайт и документацию.

3. Установка YouTubeR на сайт в админке Joomla

Поздравляем, теперь у вас есть установочный файл! Теперь давайте установим YouTubeR на ваш Joomla сайт. Для этого в админке сайта перейдите в «Расширения» -> «Менеджер расширений» -> «Установить» -> «Загрузить файл пакета». Затем перетащите установочный файл YouTubeR в специальное окошко или нажмите кнопку «Or browse for file» и выберите установочный файл YouTubeR.

После установки пакета вам нужно активировать системный плагин «System — YouTubeR». Для этого перейдите в «Расширения» -> «Менеджер плагинов» и найдите и активируйте плагин System — YouTubeR.

Далее следует получение ключей от YouTube API. Данный процесс подробно описан в документации плагина и не должен вызвать у вас затруднений.

Теперь вы можете вставлять YouTube видео/плейлисты/каналы на сайт, а также создавать YouTube галереи и показывать их на вашем Joomla сайте.

4. Вставляем YouTube видео на Joomla сайт

Для того, чтобы добавить YouTube видео на сайт нужно использовать шорткод вида: [mx_youtuber type=»video» id=»ID видео»].

Вместо «ID видео» нужно вставить идентификатор видео на YouTube, получить который можно просто взглянув на URL адрес видео в YouTube: https://www.youtube.

com/watch?v=u5UvoM_Bd70
В данном случае идентификатор видео: u5UvoM_Bd70 и шорткод получается: [mx_youtuber type=»video» id=»u5UvoM_Bd70″]

5. Вставляем YouTube галерею на Joomla сайт

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

Для того, чтобы вставить YouTube галерею из плейлиста на сайт нужно использовать шорткод вида: [mx_youtuber type=»playlist» id=»ID плейлиста»].

Вместо «ID плейлиста» нужно вставить идентификатор плейлиста на YouTube, получить который можно просто взглянув на URL адрес плейлиста в YouTube: https://www.youtube.

com/playlist?list=PLiCk2I6PXl5rREAvfclZ-fOJgkqF1Eec3
В данном случае идентификатор плейлиста: PLiCk2I6PXl5rREAvfclZ-fOJgkqF1Eec3 и шорткод получается: [mx_youtuber type=»playlist» id=»PLiCk2I6PXl5rREAvfclZ-fOJgkqF1Eec3″]

Для того, чтобы вставить YouTube галерею из канала на сайт нужно использовать шорткод вида: [mx_youtuber type=»channel» id=»ID канала»].

Вместо «ID канала» нужно вставить идентификатор канала на YouTube, получить который можно просто взглянув на URL адрес канала в YouTube: https://www.youtube.

com/channel/UCvJiYiBUbw4tmpRSZT2r1Hw
В данном случае идентификатор канала: UCvJiYiBUbw4tmpRSZT2r1Hw и шорткод получается: [mx_youtuber type=»channel» id=»UCvJiYiBUbw4tmpRSZT2r1Hw»]

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

Попросите нас о помощи

Мы предоставляем поддержку всем нашим клиентам. Если вы столкнулись с какими-либо трудностями связанными с нашими расширениями — мы вам поможем. На странице каждого премиум расширения есть раздел «Поддержка» — опишите там вашу проблему и мы обязательно вам поможем.

Скачать YouTubeR

Источник: https://allforjoomla.ru/info/2235-vstavlyaem-v-joomla-youtube-video

Плагин AllVideos для вставки аудио и видео в материалы — Обучающий портал

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

Текстовая информация, без сомнений, необходима, и без нее сайт — не сайт.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выглядеть это в редакторе материала должно примерно так:

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

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

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

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

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

Источник: http://lessons-24.ru/vebmaster/sajt-s-nulya-na-joomla/plaginy-dlya-joomla-3/plagin-allvideos-dlya-vstavki-audio-i-video-v-materialy

Как вставить видео в joomla 2.5, 1.5 и 3.х

Здравствуйте друзья! Для развития своего бизнеса в интернете или просто для увеличения полезного контента на своем сайте, многие веб-мастера прибегают к такому способу как вставка видео из 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, поскольку редактор совместим и с этой версией движка.

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

Второй способ как добавить видео в joomla 2.5, не менее простой, заключается в процессе установки плагина jw allvideos-v4.5 Кстати, этот плагин подходит и для Joomla 1.5 тоже.

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

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

Например, чтобы добавить в текст статьи видео из youtube, то нужно вставить в нужном месте статьи код в виде {youtube}AceGHBrQ{/youtube} где AceGHBrQ — это не что иное как идентификтор самого видеоролика. Т.е. не нужно вставлять весь URL-адрес видеоролика, а всего лишь его идентификатор.

Кстати, таким способом можно вставить не только видео, но и музыкальные треки, т.е. аудиофайлы.

Подробное описание синтаксиса находится на сайте разработчика, на странице 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-блога!

Источник: http://kleparj.com/seo-sandbox/49-how-to-add-video-to-joomla-25-15-3x

Ссылка на основную публикацию