Вертикальное видео для бизнеса: как собрать ролик 9:16 с нейросетями по шагам

01Основы

Что такое вертикальное видео и зачем оно бизнесу

Вертикальное видео это ролик, у которого высота больше ширины. Стандарт для телефона называют 9:16: на каждые 9 единиц ширины приходится 16 единиц высоты, то есть 1080×1920 пикселей. Когда человек держит телефон в руке, такой кадр занимает экран целиком. Поэтому ленты коротких видео устроены именно так: Клипы ВКонтакте, Shorts на YouTube и Rutube, Reels в Instagram (Instagram принадлежит Meta, организации, признанной в России экстремистской и запрещённой).

Для бизнеса у формата три работы. Он показывает услугу или процесс за минуту. Он отвечает на вопрос клиента, пока тот не ушёл к конкурентам. Он напоминает о статье, продукте или акции там, где человек уже листает ленту. Сайт остаётся главной точкой: ролик приводит на него людей.

Снять вертикальное видео можно и камерой телефона: кадр 9:16 и безопасные зоны те же, поэтому разделы про размер и зоны подходят любому ролику. Дальше статья про ролик, который собирается из слайдов, картинок и озвучки.

Вертикальное и горизонтальное видео: что куда

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

Какие ролики мы делаем и какой длины

Таблица ниже собрана из нашей практики: это рабочие ориентиры студии. Лимиты площадок разобраны в следующем разделе.

02Размер и формат

Размер вертикального видео: разрешение, формат 9:16, длина и параметры файла

Эти вопросы задают чаще всего: какой размер вертикального видео в пикселях, какой размер видео для рилс и формат Reels, сколько длится рилс, сколько минут можно в Клипах ВК и в Shorts. Ответы собраны в одной таблице, в каждой строке ссылка на справку самой площадки. Страницы открыты 21 октября 2026 года.

Из таблицы видно, что три минуты стали общей границей. Это удобно: один мастер-файл подходит всем четырём площадкам, если уложиться в 3 минуты и держать кадр 9:16.

Какой мастер-файл готовить

Я бы не держала четыре версии одного ролика. Достаточно одного файла с параметрами из обзора форматов короткого видео от SMMplanner, опубликованного 16 июля 2026 года. Он сам предупреждает, что файл стоит проверять под каждую площадку, в первую очередь по длине и размеру.

Самый частый случай: есть горизонтальный ролик или запись экрана, нужен вертикальный. Вариантов четыре, у каждого своя цена по качеству картинки. Команды ниже проверены на ffmpeg 6.1, это бесплатная программа для обработки видео. В редакторах вроде CapCut, DaVinci Resolve и Premiere Pro то же самое делают через настройки проекта, они описаны в разделе про монтаж.

ffmpeg -i gorizontalnoe.mp4 \
  -vf "scale=1080:1920:force_original_aspect_ratio=decrease,pad=1080:1920:(ow-iw)/2:(oh-ih)/2:color=0x1a1a24" \
  -r 30 -c:v libx264 -preset slow -crf 18 -pix_fmt yuv420p \
  -c:a aac -ar 48000 -ac 2 -b:a 192k -movflags +faststart \
  vertikalnoe-ramka.mp4

ffmpeg -i gorizontalnoe.mp4 \
  -vf "crop=ih*9/16:ih,scale=1080:1920" \
  -r 30 -c:v libx264 -preset slow -crf 18 -pix_fmt yuv420p \
  -c:a aac -ar 48000 -ac 2 -b:a 192k -movflags +faststart \
  vertikalnoe-crop.mp4

ffmpeg -i gorizontalnoe.mp4 \
  -filter_complex "[0:v]scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920,boxblur=30:5[bg];[0:v]scale=1080:-2[fg];[bg][fg]overlay=(W-w)/2:(H-h)/2" \
  -r 30 -c:v libx264 -preset slow -crf 18 -pix_fmt yuv420p \
  -c:a aac -ar 48000 -ac 2 -b:a 192k -movflags +faststart \
  vertikalnoe-blur.mp4

ffmpeg -i vertikalnoe.mp4 \
  -vf "scale=-2:1080,pad=1920:1080:(ow-iw)/2:0:color=0x1a1a24" \
  -r 30 -c:v libx264 -preset slow -crf 18 -pix_fmt yuv420p \
  -c:a aac -ar 48000 -ac 2 -b:a 192k -movflags +faststart \
  gorizontalnoe-ramka.mp4

Сколько длится рилс, Shorts и клип ВК на практике

Лимит в три минуты не обязывает занимать его целиком. Нашему ролику на 2 минуты 47 секунд понадобились десять блоков, и каждый занял от 9 до 21 секунды. График с длиной блоков есть в разделе про сценарий. Для ответа на один вопрос клиента хватает 30-60 секунд.

03Безопасные зоны

Безопасные зоны Reels, Shorts и Клипов: куда не ставить текст

Безопасная зона это часть кадра, которую интерфейс площадки не закрывает. Сверху лежат строка состояния и вкладки, справа столбец кнопок, снизу имя автора, подпись и название музыки. Всё, что стоит под этими элементами, зритель не прочитает. Именно поэтому призыв и заголовок я проверяю раньше, чем цвет и шрифты. В поисковых подсказках эту тему формулируют так: «безопасная зона рилс», «безопасная зона для рилс», «безопасная зона рилс в инстаграм».

Точных цифр для обычных, нерекламных роликов площадки не публикуют. Дизайнеры берут числа из рекламных руководств и оставляют запас. Ниже эти числа и интерактивный макет: двигайте блок с заголовком и смотрите, где он попадает под интерфейс.

Какие числа брать

Для Клипов ВК я беру общую строгую зону: она не противоречит правилу VK и закрывает обе другие площадки. Один макет на все площадки удобнее, чем четыре.

Что где стоит в моём макете

• Главная мысль и заголовок лежат внутри прямоугольника 65-888 по горизонтали и 288-1248 по вертикали.
• Субтитры стоят в центральной части кадра. Внизу они конкурируют с подписью и музыкой площадки.
• Логотип и контакты показываю в начале или в финале и тоже внутри прямоугольника, с отступом от края.
• Фон и декор заходят в закрытые зоны свободно: если интерфейс их перекроет, зритель ничего не потеряет.
• Размер текста держу от 32 пикселей на кадр 1080×1920. На экране телефона это около 12 pt.

04Шаг 1

Сценарий для рилс: тема, хук, структура и расчёт текста под минуту

Ролик начинается с текста. Картинки, голос и монтаж подстраиваются под него, поэтому ошибка в объёме потом стоит дороже всего: слишком длинный текст приходится резать вместе с готовыми кадрами.

Темы для рилс: откуда их брать

Тема должна отвечать на вопрос, который клиент уже задавал. Самые надёжные источники: вопросы из заявок и чатов, возражения менеджеров на звонках, статьи вашего сайта и поисковые подсказки. Подсказки мы собирали автоматически: вводили в Яндекс и Google начало фразы и записывали, чем поисковики её заканчивают. Так видно, как люди формулируют вопрос своими словами, например «сколько длится рилс в инстаграм» или «безопасная зона для рилс». Частоту запросов такой способ не показывает, это отдельный замер.

Список тем можно попросить у языковой модели. Ей нужен материал: статья, прайс, вопросы клиентов.

Ты редактор коротких вертикальных видео для веб-студии [название].

Ниже материал: [статья, прайс, вопросы клиентов из заявок и чатов].

Предложи 15 тем роликов. Для каждой темы напиши:
1. Вопрос зрителя одной фразой.
2. Главную мысль ролика одним предложением.
3. Тип: ответ на вопрос, разбор, процесс работы или анонс.
4. Длину в секундах, от 15 до 180.
5. Откуда факт: место в материале.

Цифры и кейсы бери только из материала. Если данных мало, сначала задай вопросы.
В конце отметь пять тем, которые отвечают на самые частые вопросы клиентов.

Из чего состоит сценарий

1. 1

   Хук, первые 3-5 секунд

   Вопрос зрителю или обещание результата. В нашем ролике это два предложения: «Хотите набирать подписчиков в канал MAX через Яндекс Директ? Есть три рабочие связки, и выбирать между ними нужно до первого потраченного рубля.» Они называют задачу зрителя и сразу говорят, сколько будет пунктов.

2. 2

   Три-пять блоков по 10-20 секунд

   Один блок, одна мысль, один слайд или экран. В нашем ролике десять блоков, и каждый занял от 9 до 21 секунды. Если блок не помещается в 20 секунд, его стоит разбить.

3. 3

   Финал с действием

   Что сделать зрителю и где найти продолжение. У нас: «Полный разбор с брифом, таблицей учёта и юридическим чек-листом в статье на hated.ru, ссылка в профиле. Сохраните ролик.» Ссылку говорим «в профиле», потому что в подписи под роликом она не нажимается.

Пример сценария для рилс: как распределились секунды в нашем ролике

Ролик по статье про MAX и Директ: 354 слова, 2349 знаков с пробелами, 167,4 секунды. Блоки шли в таком порядке, длина в секундах на графике. Сумма блоков 162 секунды, остальное паузы между ними.

Калькулятор: сколько текста нужно на ролик

Задайте длину ролика и скорость речи. Для скорости я оставила значение из нашего ролика: 354 слова за 167,4 секунды, это около 127 слов в минуту. У разных голосов и в разных темах скорость другая, поэтому после первой озвучки замерьте её на своём голосе и подставьте.

Знаков на слово в нашем тексте получилось 6,6 с пробелами, по этому числу калькулятор переводит слова в знаки. Если вы задаёте объём в знаках, переведите его в секунды: при нашей скорости 2000 знаков звучат около двух минут двадцати секунд.

Конструктор запроса для сценария

Запрос из семи частей помогает ничего не забыть: роль, аудиторию, объём и проверку. Поля заполнены примером с нашим роликом, правьте их под свою тему. Кнопка копирует запрос целиком.

Правила текста, который будут озвучивать

• Цифры пишем словами. «От десяти до пятнадцати» озвучка прочитает правильно, а «10-15» может превратиться в «десять пятнадцать». На экране и в субтитрах цифры остаются цифрами.
• Сокращения расшифровываем или записываем так, как их произносят.
• Длинное предложение делим. Если его трудно прочитать вслух на одном вдохе, синтезатор прочитает его так же неровно.
• Читаем вслух с секундомером. Калькулятор даёт оценку, секундомер даёт точный ответ.
• Ссылок и символов в тексте нет. Вместо адреса говорим «ссылка в профиле».

05Шаг 2

Нейросеть для презентаций в формате 9:16: слайды как раскадровка вертикального ролика

Раскадровку удобно делать презентацией. Один слайд это одна сцена ролика, порядок слайдов это порядок мыслей, а текст озвучки делится по слайдам сам. Для короткого ролика схема простая: титульный слайд, четыре слайда с содержанием и финальный. Для длинного, как наш на 2:47, слайдов больше, но правило то же: один слайд, одна мысль.

Как сделать презентацию в нейросети: два способа получить слайды

Я как дизайнер выбираю второй способ, когда нужен фирменный стиль, и первый, когда нужен быстрый черновик раскадровки. Оба результата попадают в одну дальнейшую цепочку.

Как подготовить текст для генератора слайдов

• Берём один текст на одну презентацию и называем источник понятным именем.
• Убираем из текста звёздочки, решётки, длинные списки с разметкой и другие служебные символы. Иначе генератор принесёт их на слайды.
• Оставляем только то, что должно прозвучать и появиться на экране. Объём ориентируем по калькулятору из предыдущего раздела.

Шаблон запроса на вертикальную презентацию

Сделай презентацию в вертикальной ориентации 9:16. Каждый слайд вертикальный.

Первый слайд: название «[название ролика]», автор [имя], контакт [почта или телефон].
Дальше четыре слайда по тексту, по одной мысли на слайд.
Последний слайд: призыв и подпись.
Всего шесть слайдов.

Стиль: [описание стиля словами], тёмный фон #1a1a24, акцент оранжевый #fe5f01, светлый текст #f0f0f0.

Стиль лучше описывать словами и цветами: «плоская цифровая иллюстрация со скетчем, тёмно-синий фон #1a1a24, акцент оранжевый #fe5f01». Названия готовых стилей вроде «комикс» или «бизнес-скетч» удобны для пробы, но фирменные цвета в запросе делают серию единой. Попробуйте два-три стиля на одном тексте и сравните: разница видна сразу.

Что делать, когда генерация идёт не по плану

С первой попытки получается не всегда, и это нормально. Закладывайте две-три попытки на слайд, особенно на бесплатном тарифе.

Если вы делаете слайды сами, шести типов хватает почти на любой ролик. В таблице указано, сколько секунд обычно длится слайд такого типа. Диапазоны ориентировочные и опираются на хронометраж нашего ролика, где блоки шли от 9 до 21 секунды.

06Шаг 3

Инфографика для видео нейросетью: как получить картинки 9:16 с читаемым текстом

Графические модели умеют рисовать картинки с русским текстом, и это самое быстрое место в цепочке: слайд появляется за минуту. Главное требование к результату простое: его читают с экрана телефона. Если подпись разобрать нельзя, картинка есть, а слайда нет.

Настройки, с которых стоит начинать

Запросы для картинок

Три запроса покрывают почти всё: одна картинка на весь ролик, серия слайдов в одном стиле и исправление недочётов. Подставляйте свои тексты и цвета.

Сделай картинку с текстом на русском языке, формат 9:16, качество 2K.

Стиль: [плоская цифровая иллюстрация, скетч или другой], фон #1a1a24, акцент #fe5f01, текст #f0f0f0.
Сверху: [название ролика].
Заголовок: [заголовок блока].
Текст: [до 1000-1200 знаков, по пунктам].

Больше никакого текста на картинке не пиши. Не пиши текст на английском.
Добавь тематическую визуализацию: [что нарисовать].

Сделай слайд в формате 9:16, качество 2K, текст на русском языке.

Это [2]-й слайд презентации из [6]. Учитывай стиль картинки-референса: цвета, шрифты, манеру иллюстраций. Текст и визуализацию с референса не копируй.

Заголовок: [заголовок].
Текст: [текст слайда].
Визуализация: [что нарисовать].

Больше никакого текста не пиши. Не пиши текст на английском.

Если слайд вышел горизонтальным:
Измени ориентацию слайда на 9:16. Текст, визуализацию и стиль сохрани.

Если появились английские подписи:
Переведи весь английский текст на слайде на русский. Остальное оставь без изменений.

Фото человека на слайде

Некоторые модели умеют встроить в картинку человека с прикреплённого фото. Для финального слайда это сильный приём: сотрудник узнаваем, подпись и призыв рядом. Работать так можно только с фото, которое принадлежит вам или сотруднику, который согласился, и желательно письменно. Образ сгенерированного человека лучше отмечать как созданный нейросетью, об этом ниже в разделе про правила публикации.

Как я проверяю каждую картинку

1. Открываю на 100% и читаю каждое слово. Опечатка в названии компании или услуги видна только глазами, программа её не найдёт.
2. Уменьшаю до ширины 400 пикселей, это примерно экран телефона. Если подпись не читается, текст на слайде нужно укрупнить или сократить.
3. Проверяю контраст: светлый текст на светлой иллюстрации превращается в шум.
4. Сверяю цвета с палитрой бренда и ставлю логотип и контакты вручную в редакторе. Нейросеть хорошо рисует сцену, а точные буквы названия и телефон надёжнее наложить поверх.
5. Накладываю сетку безопасной зоны из раздела 3 и двигаю всё важное внутрь.

07Шаг 4

Озвучка видео нейросетью: голос, звук и субтитры

Зритель прощает простую картинку и не прощает плохой звук. Хрип, эхо и разная громкость фраз закрывают видео быстрее любой опечатки на слайде. Поэтому озвучке в студии уделяется отдельное время, хотя она занимает меньше всего секунд в готовом файле.

Три способа получить голос

Озвучка текста нейросетью это второй и третий способы из таблицы. У них одна задача: прочитать ваш текст ровным голосом, и ответственность за ударения и числа остаётся на человеке.

Если вы записываете голос сами

1. Запишите в тихой комнате, без эха. Шторы, диван и одежда в комнате глушат отражения лучше пустых стен.
2. Проверьте, какой микрофон выбран в программе записи. Если подключено несколько устройств, нужный легко перепутать, и эхо в записи даёт именно неправильное устройство.
3. Смотрите на индикатор громкости: пик не должен заходить в красную зону.
4. Если не получилось с первого раза, записывайте заново с начала абзаца. Паузы в начале и конце обрезаются на таймлайне, а ошибки в середине лучше вырезать и перезаписать.
5. Читайте по тексту: ошибки по памяти копятся быстро, и перезапись съедает больше времени, чем чтение с листа.

Громкость и музыка

Громкость измеряют в LUFS: это средний уровень звука за весь ролик, чем число ближе к нулю, тем звук громче. Мастер-файл лучше выдать с ровным уровнем, чтобы зритель не хватался за регулятор громкости.

Числа выше это наш собственный выбор для ролика. Музыка идёт тихо под голосом и приглушается автоматически на словах. Использовать можно только треки, на которые у вас есть права: библиотека самой площадки, платная лицензия или письменное разрешение автора. В нашем ролике звучали треки, которые автор разрешил использовать компании. Скачать «понравившуюся песню» для рекламного ролика нельзя: правообладатель может потребовать компенсацию, а площадка снять видео.

Что проверить в озвучке до сборки

Субтитры для видео: вшитые и автоматические

Субтитры нужны, когда звук выключен или плохо слышен. В нашем ролике они повторяют озвучку слово в слово, крупно, по одному-три слова на экране, жирным шрифтом Montserrat в 66 пикселей. Уже произнесённое слово светлое, следующие слова серые, ключевые слова выделены акцентным оранжевым #fe5f01. Так глаз идёт за голосом и не прыгает по строке.

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

08Шаг 5

Как сделать вертикальное видео: аудио с картинкой, запись экрана, монтаж и автоматическая сборка

У готовых слайдов и озвучки есть четыре пути к ролику. Выбор зависит от того, сколько роликов вы собираетесь делать и кто будет их править. Для одного ролика достаточно редактора. Для серии из десяти удобнее шаблон и автоматическая сборка.

# 1. Браузер без окна сохраняет кадры 1080x1920 по одному: frames/f00001.png, f00002.png ...
# 2. Сборка кадров и озвучки в один файл
ffmpeg -framerate 30 -i frames/f%05d.png -i golos.wav \
  -c:v libx264 -preset slow -crf 18 -pix_fmt yuv420p \
  -c:a aac -ar 48000 -ac 2 -b:a 192k -shortest -movflags +faststart \
  sborka.mp4

# 3. Выравнивание громкости
ffmpeg -i sborka.mp4 -c:v copy \
  -af loudnorm=I=-14:TP=-1.5:LRA=11 \
  -c:a aac -ar 48000 -ac 2 -b:a 192k -movflags +faststart \
  rolik-final.mp4

9 Взгляд дизайнера

Дизайн вертикального кадра: текст, контраст, ритм и фирменный стиль

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

Один кадр, один акцент

На экране телефона зритель успевает прочитать одну мысль. Если на слайде заголовок, четыре карточки и иллюстрация одинакового веса, глаз ищет, с чего начать. Я выбираю один главный элемент: число, заголовок или иллюстрацию. Остальное работает вторым планом, меньше и тише по цвету.

Размеры текста на кадре 1080×1920

Размер в пикселях кадра и размер на экране связаны просто: кадр шириной 1080 пикселей на телефоне сжимается примерно до 390 пунктов, поэтому 32 пикселя превращаются в 11-12 pt. Это нижняя граница. Всё, что мельче, читается только остановленным.

Контраст и палитра

Контраст между текстом и фоном в вертикальном видео важнее, чем на сайте: зритель смотрит ролик на ходу, при разном освещении. Я проверяю его числом. Для обычного текста сайтам рекомендуют не меньше 4,5 к 1 по стандарту WCAG, для крупного не меньше 3 к 1. На кадре, который читают на ходу, эти границы полезны так же.

Палитра нашего ролика: фон #1a1a24, основной текст #f0f0f0, акцент #fe5f01. Светлый текст на этом фоне даёт контраст 15,1 к 1, оранжевый акцент 5,6 к 1. Оба значения выше нормы. Посчитать контраст для своей пары цветов можно ниже.

Ритм внутри блока

Блок длится 9-21 секунду, и всё это время на экране должно что-то происходить в такт речи: появляется карточка, ставится галочка, меняется число. В нашем ролике слайд не стоит неподвижно, элементы входят по мере слов. Статичный слайд на 15 секунд выглядит как пауза, поэтому элементы входят по мере слов.

Фирменный знак как ведущий

В нашем ролике рассказывает фирменный знак компании: нижняя челюсть двигается по громкости голоса, знак кивает на ключевых словах, качает головой на предупреждениях и подмигивает в финале. Для компании, у которой нет ведущего, это способ держать в кадре лицо бренда без съёмок и без согласий. Условие простое: знак должен быть вашим собственным и принадлежать вам.

Единый шаблон серии

• Фон, шрифты и положение заголовка одинаковы во всех роликах.
• У каждого блока свой оттенок акцента, но в одной палитре.
• Логотип и контакт стоят на одном месте в финале.
• Обложки Reels, Клипов и Shorts выдержаны в том же стиле: в ленте профиля они смотрятся плиткой.

10Шаг 6

Публикация вертикального видео: площадки, обложка, маркировка рекламы и ИИ

Ролик собран, остаётся выложить его так, чтобы он не потерял качество, не нарушил правила площадки и закона и привёл зрителя дальше. Начну с технической части, потом юридическая.

Куда и как загружать

Обложка для рилс и описание ролика

Описание под роликом отвечает на три вопроса: о чём ролик, что зритель получит и куда идти дальше. Ссылка в подписи на некоторых площадках не нажимается, поэтому в самом ролике мы говорим «ссылка в профиле» и кладём её в шапку профиля или закреплённый комментарий.

[Что получит зритель, 8-12 слов]

[Две-три строки по сути ролика]

[Что сделать: сохранить, перейти, написать. Ссылка в профиле]

#[один-три тега темы]

Обложка работает в плитке профиля, где её видят до любого текста. Главный заголовок обложки я ставлю в центральную часть: в плитке профиля обложку обычно показывают обрезанной по центру. Для Reels Instagram рекомендует размер обложки 420×654 пикселя.

Реклама и самореклама

Ролик в вашем собственном канале о вашей услуге в общем случае не требует токена, пока он не похож на рекламу. По разъяснению ФАС, которое пересказывает обзор Unisender от 16 мая 2024 года, информация на собственном сайте и в соцсетях рекламой автоматически не считается. Но ролик, где выделена конкретная услуга и есть цена, призыв, ссылка или промокод, может быть признан рекламой. Такую саморекламу маркируют: вносят креатив в кабинет оператора рекламных данных (ОРД), выбирают тип «самореклама» и получают токен erid.

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

Маркировка ИИ в 2026-2027 годах

Закон о поддержке развития технологий искусственного интеллекта подписан 26 июля 2026 года (Федеральный закон № 243-ФЗ). В основной части он действует с 1 сентября 2026 года. Статьи 8-10, среди них статья 9 о маркировке, вступают в силу 1 марта 2027 года.

Законопроект об обязательной маркировке ИИ-контента (№ 1317978-8, по данным Sostav) внесён в Госдуму в августе 2026 года и пока остаётся проектом. Правила могут измениться, поэтому дату проверки я указываю явно: 21 октября 2026 года.

Наш совет на практике простой: если в ролике сгенерирован человек, голос похож на реального или картинки выглядят как фотографии, ставьте пометку, когда площадка даёт такую кнопку. Для инфографики и иллюстраций пометка необязательна, но лишней она не будет.

Права на музыку, кадры, голос и людей

• Музыка: библиотека площадки, платная лицензия или письменное разрешение автора.
• Чужие видео и фотографии: фильтр, затемнение и новые метаданные прав на них не дают.
• Голос и лицо человека: только с его согласием, лучше письменным.
• Персональные данные клиентов: в кадр не попадают без согласия, в том числе имена и телефоны на скриншотах.
• Логотипы и узнаваемые персонажи, нарисованные нейросетью: в рекламе компании не используются.

Что смотреть после публикации

Просмотры показывают охват. Для решения важнее три сигнала: досмотры до конца, сохранения и переходы в профиль или на сайт. Ссылку на сайт помечайте UTM-метками, например utm_source=reels и utm_medium=video, чтобы в Метрике видеть, какой ролик привёл посетителя. Один ролик ничего не доказывает, смотрите серию из пяти-десяти.

11Шаг 7

Вертикальное видео на сайте: код вставки, мобильная версия и скорость загрузки

На площадках ролик собирает зрителей, на сайте он помогает дочитать страницу и обратиться. Я ставлю его на страницу услуги, в статью и рядом с формой заявки. Вставить вертикальный ролик можно двумя путями: положить файл на свой сервер или встроить плеер площадки через iframe.

Свой файл или плеер площадки

Для коротких роликов до минуты я выбираю свой файл: он весит немного, а страница остаётся самостоятельной. Для роликов в две-три минуты проще встроить плеер площадки, чтобы не нести нагрузку на хостинг. Универсальный совет один: ролик на сайте лежит в двух копиях, на площадке и у вас, и страница не рассыпается, если одна из копий недоступна.

Код вставки, который можно взять за основу

<figure class="vv-video">
  <video controls playsinline preload="metadata"
         poster="/upload/video/rolik-poster.jpg"
         width="720" height="1280">
    <source src="/upload/video/rolik-720.mp4" type="video/mp4">
    Браузер не показывает видео. <a href="/upload/video/rolik-720.mp4">Скачать ролик</a>.
  </video>
  <figcaption>Ролик на 2 минуты 47 секунд: три связки для подписчиков в MAX.</figcaption>
</figure>

.vv-video {
  width: min(100%, 360px, calc(80vh * 9 / 16));
  margin: 24px auto;
}
.vv-video video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border-radius: 16px;
  background: #1a1a24;
}
.vv-video figcaption {
  margin-top: 8px;
  font-size: 14px;
}

<div class="vv-embed">
  <iframe src="https://rutube.ru/play/embed/ИДЕНТИФИКАТОР"
          title="Три связки для подписчиков в MAX: ролик Hated.Ru"
          loading="lazy" frameborder="0"
          allow="clipboard-write; autoplay"
          allowfullscreen></iframe>
</div>

.vv-embed {
  position: relative;
  width: min(100%, 360px, calc(80vh * 9 / 16));
  aspect-ratio: 9 / 16;
  margin: 24px auto;
}
.vv-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 16px;
}

document.querySelectorAll('.vv-video video').forEach(function (v) {
  v.addEventListener('play', function () {
    ym(00000000, 'reachGoal', 'video_play');
  }, { once: true });
  v.addEventListener('ended', function () {
    ym(00000000, 'reachGoal', 'video_end');
  }, { once: true });
});

Сколько весит ролик на сайте

Мастер-файл для площадок с запасом качества весит много. На сайт его кладут в сжатом виде: кадр 720×1280, видео около 2,5 Мбит/с, звук 128 Кбит/с. Калькулятор показывает вес файла и сравнивает его с мастером.

Формула простая: вес в мегабайтах равен битрейту в мегабитах в секунду, умноженному на секунды и делённому на 8. Расчёт идеальный, без потерь сети. Если файл сжат с флагом +faststart, воспроизведение начинается, пока файл ещё скачивается, и зритель ждёт меньше, чем показывает время полной загрузки.

ffmpeg -i rolik-final.mp4 \
  -vf "scale=720:1280" -r 30 \
  -c:v libx264 -preset slow -b:v 2500k -maxrate 3000k -bufsize 5000k -pix_fmt yuv420p \
  -c:a aac -ar 48000 -ac 2 -b:a 128k -movflags +faststart \
  rolik-720.mp4

Постер вырезаем из ролика тем же ffmpeg, кадр берём с заголовком.

ffmpeg -ss 1 -i rolik-final.mp4 -frames:v 1 -vf "scale=720:1280" -q:v 3 rolik-poster.jpg

Автозапуск, звук и доступность

• Автозапуск только без звука. MDN описывает общее правило: ролик стартует сам, если звук выключен или человек уже нажимал на странице. Для автозапуска в Safari добавляют playsinline. Я не включаю автозапуск у роликов с голосом, потому что звук на странице появляется неожиданно.
• Рядом с роликом лежит текст. Короткая расшифровка или тезисы под плеером помогают тем, кто читает без звука.
• Подпись и название. Подпись под роликом говорит, о чём он и сколько длится.
• Крупные кнопки. Стандартный плеер браузера подходит. Если вы рисуете свои кнопки, делайте их различимыми по контрасту, как в разделе про дизайн.

Разметка VideoObject и поиск по видео

Страница с роликом может участвовать в поиске по видео, если описана разметкой VideoObject. Яндекс называет обязательными свойствами url, name, description, duration, thumbnail, uploadDate, contentUrl и embedUrl, без них ролик не будет проиндексирован. Разметку делает разработчик отдельным блоком страницы, в этой статье её нет. Для ролика во встроенном плеере площадки используется embedUrl, для собственного файла contentUrl.

12Если нет времени

Что делает студия по вертикальным роликам и сколько это стоит

Статья написана так, чтобы ролик можно было собрать самим. Если времени нет или нужен единый стиль на месяц вперёд, часть работы берёт студия. Ниже услуги, которые связаны с этой темой, и цены со страниц услуг на 21 октября 2026 года. На страницах написано, что точную смету называют после брифа, когда понятны объём, количество площадок и материалы с вашей стороны.

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

13FAQ

Частые вопросы про вертикальное видео

14Прозрачность

Что проверено в статье, а что нет

Опора статьи: обучающий курс по вертикальным видео с нейросетями, который мы разобрали в студии, и наш ролик по статье про MAX и Яндекс Директ. Из курса оставлена последовательность шагов. Тексты, шаблоны, расчёты и проверки написаны заново. Ниже список того, что сверялось, и того, что остаётся на вашей стороне.

Площадки перерисовывают интерфейс, а законы меняются. Если вы заметили расхождение, напишите нам, мы обновим статью.