Оптимизация видео: Как оптимизировать видео для сайта – База знаний Timeweb Community

Оптимизация видео: Как оптимизировать видео для сайта – База знаний Timeweb Community

Как оптимизировать видео для сайта – База знаний Timeweb Community

Видео – мощный инструмент для привлечения и вовлечения пользователей. Видеоформат уже сейчас называют одним из трендов настоящего и будущего, его популярность в рекламе постоянно растет. Уже сейчас на видео приходится более 70% всего потребительского интернет-трафика. Чуть меньше половины пользователей (43%) хотели бы получать еще больше контента в видеоформате. Да и самим маркетологам выгодно использовать видео: 4 из 5 пользователей принимают решение о покупке на основе просмотренного видео. Кроме того, компании, которые используют видео в рекламе, имеют на 27% выше CTR и на 34% выше уровень конверсии.

В общем, есть множество причин использовать видео, в том числе и на своем сайте. Однако тут встает вопрос об оптимизации: как использовать видео не во вред своему сайту? Об этом и пойдет речь в статье.

Выбираем формат видео для сайта

Для платформ YouTube и Vimeo стандартными форматами являются MP4 и WebM. MP4 поддерживают все браузеры, в то время как WebM сейчас поддерживают только Chrome и Firefox. Видеоролики в формате WebM, как правило, весят меньше, чем MP4-файлы, однако MP4 смотрятся чуть лучше на портативных девайсах.

Далее оптимизация разделяется на два пути:

• оптимизация видео для сайта,
• оптимизация сайта под видео.

Рассмотрим оба типа работ. 

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Оптимизация видео для сайта

Что нужно сделать для того, чтобы видео на сайте грузилось быстро. 

Уменьшение веса видеофайла

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

Главное, не переборщить и не сделать сильное сжатие в ущерб качеству; все-таки видеоролики с высоким разрешением выглядят более интересно и профессионально, а видео низкого качества может оставить у пользователей плохое впечатление от посещения сайта.

Конвертация в поддерживаемые HTML5-форматы

Используйте онлайн-конвертер для того, чтобы переконвертировать видео в форматы MP4 или WebM.

Удаление звука (если он не используется)

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

Оптимизация сайта под видео

Что нужно сделать, чтобы видео отображалось корректно. 

Точный размер видео

Обязательно укажите в HTML или CSS размеры видео по вертикали и горизонтали – так браузеру будет проще определиться с пропускной способностью.

Загрузка видео после загрузки страницы (Lazy Load)

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

Мобильные пользователи

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

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

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

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

@media screen and (max-width: 650px) {
   #hero-video {
   display: none;
   }
}

Советы для SEO-специалистов

И несколько советов, которые касаются SEO.

Да, сейчас есть популярные площадки для размещения видео – тот же YouTube. Однако если вы хотите продвинуть сайт в Google, размещать видео нужно на

своем ресурсе. Если вы разместите видео на YouTube и дадите ссылку на свой сайт, то поисковые системы отдадут предпочтение YouTube, и в результате кто-то, кто ищет вашу компанию в Google, попадет на YouTube, а не на ваш сайт.

Другие советы:

1. Пишите метаданные для видеороликов (чтобы они проще индексировались).
2. Придумывайте видеороликам описательные (а не общие) названия. При этом название не должно быть длинным; также советую использовать ключевые слова.
3. Подбор ключевых слов может потребовать некоторых усилий (и времени), зато это повысит шансы вашего видео появиться в поисковой выдаче.
4. Выберите подходящую миниатюру (это важно).

Заключение

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

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

В конце концов, оптимизировать видео не так сложно, как сделать по-настоящему интересный ролик. Удачи!

Сжать видео онлайн — Умешьшить размер видео — Clideo

Уменьшить размер видео онлайн

Выберите файл

Быстрое сжатие

Наш сервис сделает все за вас, просто загрузите файл и Clideo настроит лучшее соотношение размера и качества самостоятельно.

Безопасное шифрование

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

Предварительный просмотр

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

Онлайн сервис

Наш видео компрессор работает онлайн, а это значит, что вам не нужно скачивать и устанавливать что-то на свое устройство.

Простой интерфейс

Не беспокойтесь, наш сервис полностью интуитивно-понятен, вам даже не нужно читать инструкцию перед использованием!

Поддерживает любой формат

Clideo работает с любыми популярными форматами, такими как MP4, WMV, MOV, VOB, AVI, и другими более редкими.

Как сжать видео

Шаг 1

Загрузите видео

Выберите файл до 500 MB бесплатно, с любого из ваших устройств: Android, iPhone, Mac, Windows. Вы также можете добавить его из вашего аккаунта в Google Диске или Dropbox.

Шаг 2

Сожмите файл

Подождите немного, пока сервис уменьшает размер вашего видео.

Шаг 3

Сохраните результат

Посмотрите видео, чтобы убедиться, что его качество в порядке. Если это так, скачайте его обратно на устройство или сохраните на Google Диск или Dropbox.

Ваше видео слишком большое для загрузки в Instagram, Facebook, YouTube или для отправки по электронной почте? Больше это не проблема, с нашим сервисом вы легко можете уменьшить размер своего видео без потери качества!

Интерфейс Clideo интуитивно-понятен, поэтому вам не нужны особые навыки редактирования видео для его использования!

Установите приложение для сжатия видео на iPhone

Скачайте приложение для сжатия видео на iPhone и уменьшайте размер видео автоматически или настроив свои собственные параметры сжатия.

Скачать из App Store Отсканируйте QR-код

1. Шаг 1

   Откройте приложение «Камера» или другое приложение для сканирования QR-кода.

2. Шаг 2

   Поднесите камеру к QR-коду, чтобы его отсканировать. Держите телефон ровно.

3. Шаг 3

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

шагов по оптимизации видео

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

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

Тем не менее, вот пять шагов, чтобы убедиться, что каждое созданное вами видео полностью оптимизировано для максимальной производительности после его выпуска:

Шаг 1: Разработайте видео с учетом цели

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

Чтобы спланировать целенаправленное видео, сначала определите:

• Эмоции, которые вы хотите вызвать, и почему (особенно хорошо работают страх, волнение и жадность)
• Целевые покупатели, которым понравится видео
• Действия, которые вы хотите, чтобы ваши лиды выполняли на основе контента, который они потребляют

Эти соображения позволяют сделать видео более целенаправленным и действенным. Например, если вы вызываете такую ​​эмоцию, как страх или беспокойство (например, « О нет! Мое ​​текущее решение не предлагает эту важную функцию! »), вы можете обратиться к болевым точкам вашей аудитории и заставить ваших потенциальных клиентов предпринять нужные вам действия (например, «Да, я хочу зарегистрироваться на вебинар!»)

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

Click Baby Click . В этом видео показано, как чрезмерно усердный генеральный директор энциклопедической компании взволнован массовым всплеском веб-трафика и онлайн-заказов на его продукт:

Как видите, в конце повествования ребенок яростно стучит по iPad, и Adobe остроумно спрашивает: « Знаете ли вы, чем занимается ваш маркетинг? » Он успешно использует забавную историю о неправильной интерпретации данных, чтобы вызвать страх и намекнуть, что мы все что-то упускаем, если не используем рекламируемый продукт. Это те эмоции, которые вам нужно вызывать с помощью целеустремленного видеоконтента.

Шаг 2. Создавайте призывы к действию — и способ для потенциальных клиентов

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

Прежде чем выпустить следующее видео, убедитесь, что вы включили конкретные призывы к действию.

Такие CTA могут включать:

• Ряд аннотаций YouTube, указывающих на различные ресурсы
• Прямая подсказка от ведущего видео
• Короткая ссылка в конце видео, направляющая зрителей на целевую страницу

Некоторые передовые методы CTA : Например, при рекламе недавнего мероприятия мы создали видео и встроили его на целевую страницу. Непосредственно рядом с этим привлекательным видео мы разместили три разных призыва к действию:

Вы заметите, что наши призывы к действию:

1. Предлагали участникам мероприятия настроить звонок
.
2. Предлагается ознакомиться с продуктом через расписание демонстрации
3. Зрителям было предложено посетить страницу нашего продукта, чтобы увидеть больше связанного контента

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

Шаг 3. Настройка метода захвата лидов

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

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

Вот пример того, как может выглядеть блокировка электронной почты:

Рекомендации по захвату потенциальных клиентов с помощью видео:

• Используйте блокировку электронной почты для контента, нацеленного на пользователей, находящихся ниже в воронке (например, подробные или длинные демонстрации продуктов). ). Поскольку вход по электронной почте требует некоторой поддержки со стороны зрителей, вам нужно убедиться, что вы подогрели потенциальных клиентов качественным открытым контентом, прежде чем запрашивать их информацию.
• Не используйте слишком много полей при настройке контактной формы в конце видео — вы не хотите утомлять своих потенциальных клиентов, прежде чем они заполнят вашу форму.

Шаг 4: Добавьте ключевую информацию для SEO

Поисковая оптимизация может быть хитрым зверем, отчасти из-за частых обновлений алгоритма от Google; но сделать ваши видео более удобными для поиска легко, если вы сосредоточитесь на этих трех вещах:

1. Ключевые слова и описания : Используя Google Adwords Planner, проведите предварительное исследование слов, по которым вы хотите ранжироваться в вашем индустрии и используйте эти слова в формате четкой фразы для названия вашего видео и в ваших мета-описаниях. Выберите то, что люди, скорее всего, будут искать (например, «
   лучшее в мире программное обеспечение для выставления счетов и платежей «) вместо чего-то, что, по вашему мнению, звучит умно или броско (например, « платежи для друзей! «)
2. Стенограммы : Поскольку YouTube и Google не извлекают все слова из ваших видео, поисковые системы не могут быть на 100% уверены в теме ваших видео. Чтобы помочь с SEO видео, попробуйте расшифровать свое видео (или воспользоваться услугой) и превратить сопровождающий видео текст в сообщение в блоге. Таким образом, сообщение в блоге с вашим видео предупредит поисковые системы о контексте, и Google оценит ваш релевантный контент.
3. Мультиплатформенное продвижение: После того, как вы встроили свое видео на свой сайт, разместите его на YouTube и в других точках распространения под другим названием. Поскольку YouTube и Google являются двумя ведущими поисковыми системами, вы не хотите каннибализировать свои усилия по SEO, поэтому слегка настройте свой контент, чтобы воспользоваться преимуществами обеих.

Шаг 5. Проанализируйте свою эффективность и спланируйте будущий контент

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

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

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

Итак, попробуйте процесс оптимизации

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

Для больше полезных советов по созданию более увлекательного видеоконтента, прочитайте “ Epic Content Marketing », автор Джо Пулицци.

Оптимизировать видео | Cloudinary

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

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

На этой странице описывается, как можно применять различные методы оптимизации для предоставления видео самого высокого качества с наименьшим размером файла, что является ключевым компонентом улучшения показателей Core Web Vitals. В нем также описаны преобразования по умолчанию, применяемые Cloudinary для облегчения оптимизации.

См. также

• Core Web Vitals
• Оптимизация изображения
• Оптимизация звука

На этой странице:

• Оптимизация по умолчанию
• Как оптимизировать качество видео
• Как оптимизировать формат видео
• Как оптимизировать размер видео

Всякий раз, когда вы применяете какое-либо преобразование к видео, Cloudinary по умолчанию выполняет следующие оптимизации:

• Автоматически выбирает видеокодек (vc_auto). См. vc_auto в Transformation URL API Reference для значений по умолчанию.
• Применяет настройку качества, соответствующую кодеку. Чтобы переопределить настройки по умолчанию, установите параметр качества в преобразовании.

Вы можете управлять качеством видео с помощью параметра quality ( q в URL-адресах). Этот параметр представляет собой сопоставление между фактическими низкоуровневыми настройками каждого отдельного видеоформата, нормализованными к значению качества от 1 (самое низкое) до 100 (самое высокое). Снижение качества — это компромисс между визуальным качеством и размером файла. См. vc (video_codec) в Transformation URL API Reference для настроек по умолчанию для каждого формата.

Например, снижение качества загруженного видео в формате mp4 с именем dog to 50 приводит к размеру файла 1,1 МБ по сравнению с исходным размером файла 9,8 МБ :

Автоматическое качество (q_auto)

Вместо определения конкретного значения качества вы можете использовать Cloudinary’s интеллектуальное качество и алгоритм кодирования. Алгоритм анализирует каждое видео, чтобы выбрать оптимальные характеристики кодирования, которые обеспечат наилучшее визуальное качество при минимальном размере файла.

Параметр преобразования качества может быть установлен на авто ( q_auto в URL-адресах) для выполнения автоматического качественного кодирования. Дальнейшее управление автоматическим выбором качества поддерживается следующим образом:

• q_auto — Оптимальный баланс между размером файла и визуальным качеством. По умолчанию это то же самое, что и q_auto:good.
• q_auto:best — Менее агрессивный алгоритм. Создает файлы большего размера с потенциально лучшим визуальным качеством.
• q_auto:good — Обеспечение относительно небольшого размера файла с хорошим визуальным качеством. Пример целевой аудитории: стоковые медиа-сайты, которые отображают видео с высоким визуальным качеством.
• q_auto:eco — Более агрессивный алгоритм, в результате чего файлы меньшего размера имеют чуть более низкое визуальное качество. Пример целевой аудитории: популярные сайты и социальные сети с огромным трафиком.
• q_auto:low — Самый агрессивный алгоритм, в результате которого самые маленькие файлы имеют низкое визуальное качество. Пример целевой аудитории: сайты, использующие миниатюры видео для предварительного просмотра, которые затем ссылаются на видео более высокого качества.

Поддержка сохранения данных

Поддержка сохранения данных — это функция, включенная в стандарт Client-Hints, которая уже поддерживается браузерами Chrome и Opera. Браузеры отправляют специальный заголовок запроса с именем Save-Data , если пользователь включил режим сохранения данных. Когда указан q_auto и заголовок Save-Data: on достигает уровня CDN Cloudinary, сжатие и кодирование изображений автоматически переключаются в режим eco ( q_auto:eco ) вместо стандартного хороший режим качества ( q_auto:good ). Эта функция влияет на использование q_auto в именованных преобразованиях.

Интерактивная демонстрация: автоматическое качество видео

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

.quality-size2 { поле слева: 0px; выравнивание текста: по центру; цвет: черный; семейство шрифтов: arial; размер шрифта: 20 пикселей; высота строки: 36px; отступ: 15px 0;
} вариант размера2 { поле слева: 30px; } .качество-вариант2 { поле слева: 0px; цвет: черный; семейство шрифтов: arial; размер шрифта: 20px; курсор: указатель; отступ: 5px; радиус границы: 6px; цвет фона: #d7d7d7; переход: цвет фона 0,2 с; поля: 0 3px 8px 3px; отображение: встроенный блок; } .качество-опция2: наведите { цвет фона: #119aff; }

• Автоматическое качество поддерживается для видео с использованием h364 , h365 и кодеки VP9 .
• Cloudinary уже выполняет базовое кодирование с учетом содержимого при доставке преобразованного видео. См. vc (video_codec) в Transformation URL API Reference для настроек по умолчанию для каждого формата, включая настройку качества на 70. Использование q_auto переопределяет эту настройку по умолчанию, давая немного разные результаты в зависимости от сложности видео.

См. также : q_auto для изображений

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

В некоторых случаях перекодирование видео из mp4 в webm (кодирование VP8/9) может давать пикселизированный результат. В этих случаях вы можете управлять окончательным качеством, устанавливая максимальное значение процента квантования (диапазон 1-100): qmax в дополнение к фиксированному значению качества . Это может помочь гарантировать, что видео не переквантовано.

Например, можно установить для параметра качества значение: "80:qmax_90" , чтобы убедиться, что перекодированное видео квантуется не более чем на 90% от максимально возможного квантования. При установке значения qmax значение качества зависит от значения квантования.

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

Если вы не укажете значение qmax , то максимальное квантование равно 100 %, хотя фактическое применяемое квантование будет определяться другими факторами, такими как установленное вами значение качества (или значение по умолчанию среды вашего продукта). настройка качества), содержимое фактического видео и другие параметры преобразования и оптимизации, которые вы включаете.

Управление битрейтом

Используйте параметр bit_rate ( br в URL-адресах) для расширенного управления битрейтом аудио- и видеофайлов. Этот параметр управляет количеством битов, используемых для представления аудио- или видеоданных. По умолчанию значение br_ использует переменный битрейт (VBR), где указанное значение указывает максимальный битрейт. Фактический битрейт и качество оптимизируются в соответствии с аудио- или видеоконтентом для экономии пропускной способности и объема памяти. Вы также можете указать постоянное значение битрейта (CBR): br_[значение]:константа в URL. В этом случае указанный битрейт будет использоваться даже в тех случаях, когда такой высокий битрейт не нужен для качественного прослушивания или просмотра. При указании постоянного битрейта параметр качества игнорируется.

bit_rate может принимать одно из следующих значений:

• Целое число, например. 120000 .
• Строка, поддерживающая «k» и «m» (килобиты и мегабиты соответственно), например. 250к или 2м .

Например, установка максимального битрейта загруженного видео в формате mp4 с именем dog на 250 килобит (также уменьшение размера файла до ~ 550 КБ):

Потоковая передача с адаптивным битрейтом который регулирует качество видеопотока в режиме реального времени в соответствии с обнаруженной пропускной способностью и мощностью ЦП.

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

См. также : Как оптимизировать качество изображения

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

Используя параметр формата (f_ в URL-адресах), вы можете явно выбрать формат, в котором вы хотите, чтобы видео было доставлено (например, f_webm), исходя из ваших требований.

Автоматический выбор формата (f_auto)

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

Для параметра fetch_format можно установить значение auto ( f_auto в URL-адресах), чтобы выполнять автоматический выбор формата и кодека в зависимости от запрашивающего браузера. Например, с функцией автоматического форматирования пользователи Chrome в большинстве случаев получат VP9.-файл WebM в кодировке, а пользователи Safari получат файл MP4 в кодировке HEVC. Если браузер не поддерживает ни один из этих форматов, видео доставляется в виде файла MP4 с кодировкой H.264 (который поддерживается почти всеми браузерами).

Например, загруженное видео с именем dog уменьшено до высоты 280 пикселей и доставлено в формате WebM (VP9) в браузеры Chrome (482 КБ), в формате MP4 (HEVC) в браузеры Safari (520 КБ) или как MP4 (H. 264) для браузеров, которые не поддерживают ни один из этих форматов (821 КБ):

• Эта функция также доступна в собственных мобильных приложениях, если указанные форматы включены в заголовок Accept .
• При использовании автоматического выбора формата для каждого поставляемого формата создается производный ресурс. Это может повлиять на общее количество преобразований и использование хранилища. Чтобы обеспечить наилучшую производительность, даже для первых пользователей, запрашивающих каждый формат, вы можете заранее создать производные активы для каждого формата; либо при загрузке (с использованием нетерпеливых преобразований), либо после загрузки (с использованием явного метода).
• Использование f_auto в активном преобразовании не приводит к быстрому созданию производных ресурсов для всех форматов; см. раздел Использование автоматического формата в нетерпеливых преобразованиях.
• f_auto не действует, если используется в именованных преобразованиях.