---
name: prtv-video
description: Видео в конструкторе вывесок PRTV (prtv.pro) — элемент «Видео» (YouTube и плейлисты, VK Видео, Kinescope, Vimeo, свои файлы через видеохостинг PRTV), видеофон с элементами поверх, встраивание других плееров через HTML-блок, звук и автозапуск на ТВ, каким должен быть файл, чтобы бесшовно зацикливаться фоном меню-борда. Использовать, когда нужно поставить видео или видеофон на слайд в prtv.pro, выбрать хостинг или понять, почему видео не играет или дёргается на экране ТВ. Triggers (EN) video on slide, background video, YouTube on screen, video not playing on TV, looping video.
license: CC-BY-4.0
metadata:
  author: PRTV (prtv.pro)
  product: Конструктор цифровых вывесок PRTV (prtv.pro)
  version: "1.1"
  date: "2026-09-26"
  language: ru
  scope: интерфейс редактора + чтение состояния страницы из DOM; без вызовов внутреннего API
---

# Видео в конструкторе PRTV

В PRTV три способа показать видео на экране, и они не взаимозаменяемы: **элемент «Видео»** на слайде, **фоновое видео** под всем слайдом и чужой плеер, встроенный через **HTML-блок**. Есть и собственный видеохостинг PRTV для файлов заведения. Этот скилл раскладывает эти способы по полкам и задаёт требования к видео, которому предстоит часами крутиться на меню-борде. Общие соглашения редактора — в prtv-editor-overview, положение и глубина элементов — в prtv-element-layout, настройки слайда — в prtv-slide-settings.

## 1. Элемент «Видео»

Левая панель → **«Базовые»** → **«Видео»**. Отдельный тип элемента — не информер и не HTML-блок; ставится и растягивается как любой элемент (драг; держать внутри безопасной зоны — prtv-element-layout §7).

**Поддерживаемые источники**, по ссылке или из файла:

| Источник | Примечание |
|---|---|
| YouTube | отдельные видео и плейлисты |
| VK Видео | собственная интеграция плеера |
| Kinescope | российский видеохостинг — практичный выбор для заведений в России и СНГ, где YouTube в сети заведения может тормозить или блокироваться |
| Vimeo | поддерживается плеером |
| Свой файл | загружен на видеохостинг PRTV (§3) и выбран в элементе |

Rutube источником элемента «Видео» не является — см. §4.

**Что умеет элемент** (точные подписи зависят от версии панели — смотреть панель элемента после добавления): постер до загрузки видео; логотип поверх видео для брендирования; зацикливание; подготовка первого кадра к моменту показа слайда; громкость и беззвучный режим.

**Звук.** Видео на вывеске по умолчанию играет без звука, и это правильное умолчание: автозапуск *со звуком* ограничен политиками браузеров и телевизоров, и ролик, которому для старта нужен звук, на Smart TV может не стартовать вовсе. Проектировать под беззвучное воспроизведение; если звук обязателен — проверять на реальном устройстве.

**Миниатюры и холст.** Как и информеры, встроенные плееры не рендерятся в миниатюрах полосы слайдов; оценивать видеослайд в предпросмотре (кнопка «глаз») или на публичной странице ТВ, дождавшись полной длительности слайда.

## 2. Фоновое видео слайда

Отдельный механизм: видео — **фон всего слайда**, а поверх него лежат любые элементы: текст, цены, информеры, промо-плашки. Задаётся в настройках слайда: шестерёнка на миниатюре → «Стили по умолчанию» → «Фоновое видео» — вставить `https://`-ссылку, выбрать «Без звука» — Да. То же поле есть в умолчаниях слайд-шоу (кисточка) для всех новых слайдов. Если ссылка не поддерживается, подсказка в поле об этом скажет.

Источники фонового видео: YouTube, VK Видео, Kinescope.

Это самый сильный приём для витрин HoReCa и промо-слайдов — «процесс готовки под меню», «пар и дождь за акцией» — и он недоиспользован. Центр кадра в самом видео держать спокойным, чтобы содержимое поверх читалось (§5), под текст класть scrim как обычно (prtv-element-layout §7).

Фон рисуется на глубине 0; элементы начинаются с глубины 1. Положить элемент *под* фоновое видео нельзя.

## 3. Видеохостинг PRTV (свои файлы)

В кабинете есть раздел видеохостинга: заведение загружает свои файлы и потом выбирает их в элементе «Видео». Это снимает зависимость от внешних хостингов, их правил автозапуска и сетевых блокировок. Раздел — платная возможность; ограничения по размеру, длительности и форматам показаны в диалоге загрузки кабинета — читать их там.

Для фонового видео слайда подтверждённый хостинг в реальных сборках — Kinescope: загрузить туда, ссылку вставить в поле фонового видео.

## 4. Другие плееры через HTML-блок

HTML-блок принимает любой корректный `<iframe>`-embed видеохостинга — Rutube, YouTube, VK, Vimeo — и показывает плеер. Для Rutube это сейчас единственный путь (его не поддерживают ни элемент «Видео», ни старый видеоинформер). Альфу фона блока — в 0, глубину — как у любого HTML-блока (prtv-html-block-animation). Автозапуск, беззвучность и цикл дальше определяются параметрами embed хостинга и политиками телевизора — проверять на реальном устройстве, а не только в редакторе.

Есть ещё старый **видеоинформер** на s.prtv.su, который оборачивает только embed ВКонтакте и Facebook. У него нет Kinescope, своего хостинга, постера и логотипа; для всего нового предпочитать родной элемент «Видео».

## 5. Требования к зацикленному фоновому видео

Меню-борд крутит один ролик часами; заметный стык каждые 10 секунд хуже неподвижной картинки. Правила ниже — то, чему файл должен соответствовать *до* попадания в PRTV.

**Бесшовная петля = последний кадр идентичен первому, и движение приходит к старту естественным путём.** Три вида петли, от лучшего к худшему для вывески:

1. **Настоящая петля** — содержимое возвращается к идентичному стартовому кадру через замкнутое осмысленное движение. Цель.
2. **Петля через кроссфейд** — кроссфейд 0,5–1 с прячет небольшое несовпадение на стыке. Запасной вариант.
3. **Пинг-понг (зеркало)** — вперёд, потом задом наперёд. Только для симметричных эффектов (мерцание, дыхание света). Никогда для направленного и причинного движения: дым уходит обратно в трубу, кран возвращает груз на корабль.

Два независимых ролика встык не зацикливаются — на стыке все элементы не в фазе. Один ролик, который заканчивается там, где начался, — зацикливается.

**Что зацикливается хорошо:** дым, пар, вода и рябь, облака, листва на ветру, мерцание света, искры — медленное, по природе циклическое движение; стык невидим. **Что плохо:** кран с грузом, транспорт, идущие люди, любое «из A в B»; быстрое или резкое движение; мелкие фигурки; необратимые действия (разрезание).

**Стратегия слоёв:** амбиентное движение (дым, море, листва) — в видео, направленное (едущая машина, качающаяся вывеска) — в CSS-анимацию HTML-блока поверх, где период и траектория точны — см. prtv-html-block-animation. Композ обоих поверх статичной основы.

**Технический чек-лист файла:**

- Соотношение 16:9 под холст 1920×1080; для фона обычно хватает 1280×720, 1920×1080 — если важна мелкая деталь.
- Без звуковой дорожки. Вывеска играет беззвучно; тихая дорожка только добавляет размер.
- H.264, формат пикселей `yuv420p` — самое безопасное сочетание для браузеров Smart TV.
- Длительность: для сгенерированной петли целиться примерно в 10 с; более длинные ролики зацикливаются менее надёжно.
- Проверить стык до сдачи: средняя разница между последним и первым кадром должна быть малой (меньше примерно 3 по шкале 0–255 после сжатия незаметна; выше 8 стык виден). Если разница велика — разложить её по зонам и найти элемент, который не вернулся в старт.
- Период петли должен укладываться в длительность показа слайда (prtv-slide-settings), чтобы переход на следующий слайд не пришёлся на середину движения.
- Центр кадра держать свободным от движения там, где будут текст или цены.

## 6. Проверка видеослайда

- Холст редактора показывает стоп-кадр, полоса миниатюр — заглушку. Смотреть в предпросмотре и ждать полную длительность слайда.
- Хотя бы раз проверить на целевом телевизоре или приставке: автозапуск, беззвучность и поддержка кодеков у десктопного и телевизионного браузера различаются.
- Если видео не стартует на ТВ: убедиться, что оно беззвучное, источник доступен из сети заведения, формат — H.264 / yuv420p.
- Загруженные файлы отдаются с домена PRTV, поэтому проблем с кросс-доменными запросами в плеере нет.

## Чего не делать

- Не рассчитывать на звук для старта видео.
- Не судить о видеослайде по миниатюре или холсту редактора.
- Не склеивать два ролика встык и не называть это петлёй.
- Не зеркалить (пинг-понг) ролик с направленным движением.
- Не класть текст прямо на насыщенную зону видеофона без scrim.
- Не использовать старый видеоинформер ВК/Facebook для новых слайдов.
- Не ждать, что элемент окажется под фоновым видео.
- Не загружать фоновый ролик со звуковой дорожкой.

## Связанные скиллы

prtv-editor-overview · prtv-slide-settings · prtv-element-layout · prtv-html-block-animation · prtv-widgets · prtv-agent-rules