Как добавить видео на сайт
Инструкция содержит следующие разделы:
- Способы добавления видео на сайт
- Добавление видео через панель инструментов
- Добавление видео с главной страницы модуля
- Создание приложения для загрузки своих видео в YouTube
Способы добавления видео на сайт
Существует три способа добавления видео на сайт:
- По ссылке
- Через HTML-код
- Загрузка файла
Эти способы можно использовать при добавлении ролика как через панель инструментов, так и с главной страницы модуля. В панели управления видео добавляется по ссылке или коду.
Добавление по ссылке
Указывается ссылка, которую можно скопировать из адресной строки с видеороликом. Используется технология oEmbed.
Поддерживаются сервисы:
- YouTube
- Rutube
- Vimeo
- Dailymotion
- Coub
- Скопируйте ссылку на видео. Например:
http://www.youtube.com/watch?v=blO3Yb8nZ18
или
http://youtu.be/blO3Yb8nZ18. - Вставьте её во вкладку «Добавить ссылку» — поле «Ссылка на видеоролик».
- Подождите несколько секунд и выполните авторизацию в Google. После этого данные о видео будут получены автоматически.
- Выберите категорию, заполните дополнительные поля (при необходимости) и нажмите «Добавить видео».
Добавление по коду
Некоторые видеохостинги предоставляют HTML-код для вставки видео на сайт. Допускаются элементы IFRAME, EMBED и SCRIPT. В целях безопасности поддерживаются только проверенные сервисы:
- youtube
- youtu
- rutube
- vkontakte
- \bvk\b
- player.vimeo
- video.mail
- video.yandex
- dailymotion
- pub.tvigle
Пример кода для вставки:
<iframe width="640" height="360" src="http://rutube.ru/embed/1046208" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
Вставьте код в поле «Код для вставки видео» и заполните остальные поля.
Добавление файла
Если у вас есть видеофайл, который нужно загрузить на сайт, используйте этот способ. Для этого потребуется подключить аккаунт YouTube.
Видео, загруженные с компьютера, автоматически попадают в YouTube. При этом автоматически подгружаются:
- Код видеоролика
- Скриншот
- Название
Добавление видео через панель инструментов
Панель инструментов содержит раздел для быстрого добавления видео на сайт. Нажмите на иконку «+» и выберите нужный модуль:
Откроется форма добавления видео:
Выберите способ добавления видео (описаны выше) и нажмите на ссылку «Дополнительно»:
Пользователи могут выбрать, публиковать ли видео в своём канале:
Клик по логину пользователя открывает окно с настройками канала:
Здесь можно:
- Изменить название и описание канала
- Прикрепить скриншот
- Разрешить комментирование (опция «Позволить оставлять комментарии»)
Подробности о каналах — в инструкции: Управление каналами.
Нажмите кнопку «Добавить видео» для завершения загрузки.
Чтобы изменить состав полей формы добавления, перейдите в настройки модуля «Видео»:
Добавление видео с главной страницы модуля
В шаблоне страниц каталога может быть размещена ссылка на страницу добавления видео. Пример ссылки: http://example.com/video/viadd
Чтобы ссылка появилась в шаблоне, добавьте следующий код:
<?if $ADD_ENTRY_LINK$?><a href="$ADD_ENTRY_LINK$">Добавить материал</a><?endif?>
При переходе по этой ссылке откроется стандартная страница добавления видеоматериала.
Создание приложения для загрузки своих видео в YouTube
Первое, что нужно сделать — перейти на сайт Google и создать проект:
https://console.cloud.google.com/projectcreate
- Введите Project name.
- Нажмите кнопку CREATE.
Дождитесь создания проекта — об этом сообщит уведомление. После этого нажмите SELECT PROJECT в шторке уведомлений.
В разделе Getting Started выберите Explore and enable APIs.
На открывшейся странице нажмите кнопку ENABLE APIS AND SERVICES.
В библиотеке найдите и включите два API:
- Google People API — нажмите Enable.
- YouTube Data API v3 — вернитесь в раздел Library и аналогично включите его.
Настройка экрана согласия (OAuth consent screen)
Перейдите на страницу настройки и выберите тип использования — External. Затем нажмите CREATE.
Заполните поля:
- App name — на английском, можно использовать домен без зоны.
- User support email — ваш email.
- App logo — загрузите логотип.
- Application home page — адрес главной страницы сайта.
- Privacy policy link — ссылка на
ваш-сайт.ру/index/policy. - Terms of service link — ссылка на
ваш-сайт.ру/index/agreement=1. - Authorized domains — нажмите ADD DOMAIN и укажите домен.
- Developer contact information — ваш email.
Нажмите SAVE AND CONTINUE.
Настройка Scopes
Нажмите ADD OR REMOVE SCOPES.
Отметьте следующие области (scopes):
- userinfo.email
- userinfo.profile
- youtube
- youtube.upload
Установите Rows per page = 50, чтобы отобразить весь список.
Нажмите SAVE AND CONTINUE.
Добавление тестовых пользователей
Добавьте пользователей и нажмите SAVE AND CONTINUE.
Настройка учетных данных (Credentials)
Перейдите в меню Credentials и нажмите Create credentials → OAuth client ID.
Выберите тип приложения — Web application, затем заполните поля:
- Authorized JavaScript origins — основной домен сайта
- Authorized redirect URIs — URI из настроек модуля «Видео», поле Redirect URI
Нажмите CREATE.
Скопируйте Client ID и Client Secret в настройки модуля «Видео» на сайте.
Модерация и верификация приложения
По умолчанию приложение остаётся в статусе Testing. В этом случае видео смогут загружать только добавленные тестовые пользователи.
Чтобы разрешить загрузку всем пользователям:
- Перейдите во вкладку OAuth consent screen.
- Найдите блок Publishing status.
- Нажмите PUBLISH APP и подтвердите переключение.
Завершение настройки
Теперь можно перейти на страницу /video/viadd на своём сайте, пройти авторизацию и начать загружать видео.

























