Видеохостинг для сайта без рекламы

Видео на сайте продаёт лучше фотографий: на нём видно товар в работе, производство, интерьер, человека, который будет вести курс. Но ролик нужно где-то разместить. Залить файл на свой хостинг — значит тратить место и трафик и самому решать, как видео будет играть на медленном мобильном интернете. Вставить ролик с YouTube или VK Видео проще, но вместе с плеером на сайт приходят чужие правила: реклама, логотип площадки и подборка других роликов, которые уводят посетителя.

nuno — видеохостинг, плеер которого сделан для чужих сайтов. В нём нет рекламы, после окончания ролика он не предлагает другие видео, а на страницу встаёт одним тегом iframe.

Что получает сайт

• Плеер без рекламы. Ни роликов перед видео, ни вставок посередине, ни баннеров вокруг.
• Без чужих рекомендаций. Когда ваш ролик закончился, плеер не показывает подборку других видео. Посетитель остаётся на вашей странице.
• Адаптивное качество. Видео играет потоком, и плеер подстраивает качество под скорость соединения: на слабом мобильном интернете ролик не стоит на загрузке.
• Нагрузка не на ваш хостинг. Файл хранится и отдаётся с nuno, ваш сервер не тратит на видео ни место, ни трафик.
• Плеер подстраивается под блок. Он занимает ширину контейнера и сам держит пропорции: 16:9 для горизонтального видео и 9:16 для вертикального.
• Закрытые ролики. Видео можно встроить на сайт, не публикуя его на nuno: в режиме «По ссылке» оно не видно ни на главной, ни в поиске.

Под плеером на вашем сайте стоит строка с названием ролика и маленькой ссылкой «на nuno» — это единственная отсылка к сервису.

Сравнение с YouTube и VK Видео

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

Короткий вывод: если видео — часть вашей страницы (лендинг, карточка товара, урок, кейс), плеер без рекламы и без чужих рекомендаций работает на вас. Если видео — самостоятельный контент для широкой аудитории, его стоит выкладывать на большую площадку, а на сайт можно поставить копию с nuno.

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

1. Загрузите видео на nuno: кнопка «Загрузить» в шапке, вход по коду из письма.
2. Откройте страницу видео, щёлкните по плееру правой кнопкой мыши и выберите «Встроить видео».
3. Отметьте нужные параметры и нажмите «Скопировать».
4. Вставьте код в HTML-блок своего сайта.

Код выглядит так (вместо ВАШ_ID — идентификатор видео из его адреса):

<iframe src="https://nuno.ru/embed/ВАШ_ID" width="100%"
  style="aspect-ratio:16/9;max-width:100%" frameborder="0"
  allowfullscreen allow="autoplay; fullscreen; clipboard-write"
  referrerpolicy="strict-origin"></iframe>

Для вертикального ролика окно встраивания само поставит aspect-ratio:9/16.

Параметры плеера

• autoplay=1 — видео запускается само, как только страница открылась;
• muted=1 — видео стартует без звука;
• loop=1 — после окончания ролик начинается заново;
• controls=0 — плеер без кнопок и полосы перемотки.

Параметры дописываются к адресу после знака вопроса и соединяются знаком &. Фоновое видео для первого экрана лендинга:

https://nuno.ru/embed/ВАШ_ID?autoplay=1&muted=1&loop=1&controls=0

Автозапуск со звуком браузеры блокируют сами, поэтому autoplay=1 надёжно работает только вместе с muted=1.

Tilda, WordPress и конструкторы

В Tilda код вставляется в блок T123 «HTML-код» из категории «Другое». В WordPress — в блок «Произвольный HTML»: обычный текстовый блок тег iframe может вырезать. В других конструкторах ищите блок с названием «HTML», «Код» или «Вставка». Подробная инструкция — в статье «Как встроить видео на сайт».

Где это пригодится

Лендинг. Фоновое видео на первом экране или ролик о продукте рядом с формой заявки. Посетитель досматривает и остаётся на странице, а не уходит смотреть следующий ролик.

Интернет-магазин. Обзор товара в карточке. Чужая реклама и подборка роликов здесь особенно вредны: в них легко оказывается товар конкурента.

Онлайн-курс. Уроки в режиме «По ссылке» не видны ни на nuno, ни в поиске, а на странице курса играют как обычно.

Портфолио и кейсы. Работы студии или подрядчика прямо на страницах сайта. Так устроено портфолио видеостудии из Перми, о нём — в статье «Видеохостинг для бизнеса».

Что важно знать заранее

• Одно видео — до 25 ГБ и до 2 часов; форматы MP4, MOV, WebM, AVI и MKV.
• После загрузки видео обрабатывается, и плеер на сайте заработает, когда обработка закончится.
• Видео с доступом «Подписчики» на чужом сайте не откроется: проверить подписку у постороннего посетителя нельзя. Встраиваются видео «Публично», «На канале» и «По ссылке».
• Пароля у видео нет. Режим «По ссылке» прячет ролик из списков и поиска, но защищает его только тем, что ссылку знают немногие.
• Кнопки скачивания в плеере нет.

О режимах доступа подробно — в статье «Закрытое видео по ссылке и настройки приватности», об ограничениях загрузки — «Как загрузить видео».

Частые вопросы

Есть ли реклама в плеере nuno?

Нет. Ни перед роликом, ни во время просмотра, ни рядом с плеером реклама не показывается.

Покажет ли плеер другие видео после окончания ролика?

Нет. Встроенный плеер nuno не предлагает другие ролики: после окончания видео остаётся на последнем кадре или начинается заново, если в коде задан повтор.

Можно ли сделать фоновое видео на первом экране?

Да. Добавьте к адресу плеера параметры autoplay=1, muted=1, loop=1 и controls=0: видео запустится само, без звука, по кругу и без кнопок. Автозапуск со звуком браузеры блокируют.

Можно ли встроить видео, которое не видно на nuno?

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

Какой размер видео можно загрузить?

До 25 ГБ и до 2 часов на одно видео. Форматы — MP4, MOV, WebM, AVI и MKV.