Как вставить видео с Youtube на сайт ucoz

Видеоролики помогают оживить веб-страницу и предоставить читателям больше информации.

Давайте выясним, как вставить видео с Youtube на сайт Joomla пятью основными методами:

1. Используя плагин AllVideos
2. С помощью средств HTML5
3. С помощью модуля Vidbox
4. С помощью плагина Youtube Playlist Wall
5. Используя компонент Youtube Gallery

1. Плагин AllVideos

→ Удобный и функциональный плагин для вставки видео с Youtube на Joomla – AllVideos.

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

Для начала его нужно скачать и установить. Свежие релизы берите с официального сайта www.joomlaworks.net. После установки нужно выполнить настройку плагина.

Чтобы настроить плагин AllVideos, выполните следующие действия:

Как добавить видео с YouTube на сайт ucoz

1. В панели управления сайтом войдите в меню Расширения-Менеджер плагинов.
2. Найдите в списке AllVideos и кликните по нему, чтобы войти.
3. Измените состояние плагина на Включено, нажав соответствующую кнопку.

→ Теперь можно приступить к настройке параметров видео.

Что здесь можно задать . ↓

• Select template – выбор шаблона для внешнего вида плеера
• Local Video Folder – в этой строке задайте папку для хранения видеофайлов
• Default width (in px) for videos и Default height (in px) for videos – соответственно ширина и высота видеоплеера в пикселях
• Задайте прозрачность и цвет фона плеера (video player transparency и background color)
• Display JW Player controls – параметр позволяет задать вывод кнопок управления на JW Player

• В глобальных параметрах вы можете включить или отключить автоматическое воспроизведение видео при загрузке и обновлении страницы.

Когда плагин настроен и включен, вы можете вставить видеоролики с помощью шаблона Joomla для вставки видео с Youtube.

Он выглядит так: ↓

Между тэгами нужно вставить URL видео с Ютуба. Вы можете скопировать его из адресной строки браузера.

Теперь вы знаете, как с помощью AllVideos добавить на Joomla видео с Youtube.

2. Средства HTML5 для вставки видео

→ В HTML5 видео на веб-страницы добавляется с помощью всего одного тэга . При этом за воспроизведение отвечает браузер. Никаких дополнительных программ и плагинов устанавливать не требуется.

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

Как вставить видео с YouTube на сайт Ucoz

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

• Чтобы избежать этого, используйте форматы видео, которые поддерживают большинством браузеров. Для видеофайлов это формат OGG , который поддерживают браузеры Opera, Chrome, Mozilla.

→ Если вас не пугает работа с HTML-исходниками ваших веб-страниц, можете вставить ролик Youtube на Joomla с помощью возможностей языка разметки.

Для этого в нужное место на странице добавьте код: ↓↓↓

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

Тэг VIDEO имеет несколько параметров:

• Autoplay – это параметр без значения задает автоматическое воспроизведение, если он присутствует в тэге.
• Controls – атрибут без значения. Если он присутствует в тэге, браузер выведет элементы управления воспроизведением в окне плеера.
• Loop – еще один атрибут без значения. Ставит воспроизведение видео на повтор (зацикливает).
• Poster – параметр, который задает путь к файлу постера, который будет выводиться в окне плеера. Если он не задан, для этого будет использован первый кадр ролика.
• Height и width – параметры, задающие соответственно высоту и ширину плеера в пикселях.

Учитывая параметры, полный тэг VIDEO может выглядеть так:

В данном случае мы задаем воспроизведение файла ролик.ogg в плеере размерами 200х200 пикселей с элементами управления и автовоспроизведением.

→ Кроме того, вставить видео с Youtube на сайт Joomla с помощью HTML можно еще одним способом . ↓

1. Под каждым роликом есть кнопка «Поделиться».

2. Нажмите ее и перейдите на вкладку «HTML-код».

3. Там вы можете задать нужные параметры, такие как размер окна плеера, воспроизведение похожих видео после просмотра и другие.

4. После этого просто скопируйте получившийся код и вставьте в нужное место страницы в режиме HTML-редактора. Если нужно, вы также можете вставить его в шаблон.

Вот, как можно вставить видео с Youtube на Joomla 3 с помощью HTML5.

3. Модуль Vidbox: эффектное воспроизведение видео

Это модуль для вставки файлов медиа с Youtube на сайты Joomla 3. Отличительная особенность Vidbox в том, что он позволяет открывать ролики во всплывающем окне.

Скачайте Vidbox из каталога Joomla, установите его и перейдите к настройке с помощью Менеджера модулей.

• Слева – задайте нужные параметры для модуля. Выберите для него нужное место в шаблоне и опубликуйте.

• Справа – в окне настроек в разделе Basic Settings нужно задать URL и тип файла, который вы хотите вставить. Также задайте размеры окна плеера и его миниатюры. Сохраните настройки.

В выбранном месте на странице вашего сайта Joomla 3 появится миниатюра плеера. При клике по ней видео c Youtube будет эффектно отображаться во всплывающем окне.

4. Youtube Playlist Wall

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

Скачать Youtube Playlist Wall можно в каталоге расширений Joomla. ↓

• С его помощью можно задать количество роликов в плейлисте, цветовое оформление и количество строк и столбцов.

• Кроме этого, можно менять внешний вид кнопок. Плагин поддерживает создание пользовательских стилей оформления с помощью CSS и HTML.

5. Создание видеогалерей с помощью Youtube Gallery

Компонент Youtube Gallery помогает создавать галереи видео на HTML-сайтах. Он доступен для скачивания и установки в каталоге расширений для Joomla.

Он имеет богатый набор возможностей: ↓

• Стандартные темы для оформления роликов
• Поддержка проигрывателя Adobe Flash
• Адаптация под мобильные устройства
• Настройка импорта и обновления роликов с Ютуба и др.

Если вы хотите создавать видеогалереи на сайте Joomla 3, скачайте удобное средство Youtube Gallery!

Необходимо будет выбрать одно из двух вариантов ПЕРЕД добавлением Видео.

Если вы выбрали Панель BB кодов, то чтобы добавить видео вам нужно будет написать так —
(пример — ),

Если вы выбрали Панель HTML кодов, то это лучше так как вы сможете настроить деизайн плэера и его размеры 🙂
Теперь вам нужно получить хтмл код вашего видео! Зайдите на страницу видео в YouTube и найдите там
кнопочку с надписью EMBED, нажимаете на неё и копируете код, он будет примерно таким —

Вставляете этот код (предварительно выбрав Панель HTML кодов) и добавляете материал
Если вы сделали всё правельно , то вы увидете такой плэер с видео 😉

#2 Добавление flv видео на сайт uCoz , а это способ по сложене ( для опытных юзеров )
Для начала нам нужно видео залить на хост и получить ссылку на видео.
Для примера я буду использовать ссылку на видео http://flv-mp3.com/i/pic/sample.flv
Вот код плэера :

CobRa
Источник : ScriptsFor.uCoz.lv
Копирование материала запрещено без рабочих ссылок Автора и Источника!

Скачать архив

Загрузок: 278

• В категории: Статьи про uCoz — Publishing
• Источник:

Источник: ucozzz.ru