Как добавить видеоотзывы в WooCommerce без перегрузки сервера

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

Так почему в большинстве магазинов WooCommerce отзывы всё ещё только текстовые? Потому что видео — это технически сложно. 30-секундный ролик с современного телефона весит 100–500 МБ. Сырые загрузки такого размера падают на типовом shared-хостинге, таймаутятся, съедают дисковые квоты, а если чинить это на сервере через FFmpeg — плавят CPU в рабочие часы.

Этот гайд объясняет два подхода, которые не работают, и один, который работает: сжатие видео в браузере — подход, используемый в PVR Media Reviews for WooCommerce, бесплатном плагине фото- и видеоотзывов для WooCommerce.

🚫 Почему два «традиционных» подхода не работают

Подход 1: принимать сырые загрузки

Наивное решение — разрешить покупателям загружать оригинальные видеофайлы — сталкивается с реальностью сразу:

• Дефолтный upload_max_filesize в PHP (обычно 2–8 МБ) отвергает видео с телефона outright; поднять его до 500 МБ через php.ini на shared-хостинге часто невозможно.
• Мобильные покупатели бросают медленную загрузку 300-мегабайтного файла на мобильном интернете.
• Каждый сохранённый отзыв добавляет сотни мегабайт в дисковое потребление и бэкап-архивы.

Подход 2: серверное кодирование через FFmpeg

Некоторые плагины принимают сырой файл и пробуют сжать его на сервере. Кодирование видео — одна из самых CPU-тяжёлых задач вообще: один 4K-транскод может загрузить все ядра на минуты. В магазине, где тот же сервер обрабатывает заказы, это означает лагающие страницы и потерянные заказы ровно в самый болезненный момент. Плюс на хостинге нужен FFmpeg — многие managed-хостинги его просто не дают.

💡 Решение: сжимать в браузере покупателя

Каждый современный браузер несёт аппаратно-ускоренные медиа-API: Canvas для доступа к кадрам и MediaRecorder для перекодирования. PVR Media Reviews использует их, чтобы тяжёлая работа выполнялась на устройстве покупателя — до того как байт видео отправится на ваш сервер.

👣 Что реально происходит, по шагам

Почему видео остаётся видимым при сжатии

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

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

📤 Фаза загрузки честная, а не фиктивная

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

Когда всё завершается, покупатель видит экран благодарности с анимированной галочкой — мелочь, но она закрывает цикл и радикально сокращает тикеты «а мой отзыв отправился?».

⚡ Что это значит для вашего магазина

🖼️ А фото? Тоже оптимизируются

Та же клиент-первая философия распространяется и на фото: они ресайзятся до целевого разрешения, пережимаются с выбранным качеством, авто-поворачиваются по EXIF и могут получить вотермарку — всё до загрузки. На сервере каждое фото дополнительно сохраняется в трёх WebP-вариантах (миниатюра сетки, превью модалки, лайтбокс), так что страница товара остаётся быстрой, сколько бы медиаотзывов вы ни накопили.