Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

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

Как добавить видео на сайт
Материал добавлен: 24 Ноября 2016
Материал обновлен: 05 Августа 2025

Инструкция содержит следующие разделы:

  1. Способы добавления видео на сайт
  2. Добавление видео через панель инструментов
  3. Добавление видео с главной страницы модуля
  4. Создание приложения для загрузки своих видео в YouTube

Способы добавления видео на сайт

Существует три способа добавления видео на сайт:

  • По ссылке
  • Через HTML-код
  • Загрузка файла

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

Добавление по ссылке

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

Поддерживаются сервисы:

  • YouTube
  • Rutube
  • Vimeo
  • Dailymotion
  • Coub
  1. Скопируйте ссылку на видео. Например:
    http://www.youtube.com/watch?v=blO3Yb8nZ18
    или
    http://youtu.be/blO3Yb8nZ18.
  2. Вставьте её во вкладку «Добавить ссылку» — поле «Ссылка на видеоролик».
  3. Подождите несколько секунд и выполните авторизацию в Google. После этого данные о видео будут получены автоматически.
  4. Выберите категорию, заполните дополнительные поля (при необходимости) и нажмите «Добавить видео».

Добавление по коду

Некоторые видеохостинги предоставляют 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

  1. Введите Project name.
  2. Нажмите кнопку 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.

Заполните поля:

  1. App name — на английском, можно использовать домен без зоны.
  2. User support email — ваш email.
  3. App logo — загрузите логотип.
  4. Application home page — адрес главной страницы сайта.
  5. Privacy policy link — ссылка на ваш-сайт.ру/index/policy.
  6. Terms of service link — ссылка на ваш-сайт.ру/index/agreement=1.
  7. Authorized domains — нажмите ADD DOMAIN и укажите домен.
  8. 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. В этом случае видео смогут загружать только добавленные тестовые пользователи.

Чтобы разрешить загрузку всем пользователям:

  1. Перейдите во вкладку OAuth consent screen.
  2. Найдите блок Publishing status.
  3. Нажмите PUBLISH APP и подтвердите переключение.

Завершение настройки

Теперь можно перейти на страницу /video/viadd на своём сайте, пройти авторизацию и начать загружать видео.

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