Источник
Сверяем src и source, ответы 200, 403 и 404, HTTPS, перенаправления, срок внешней ссылки и CORS.
Медиа на сайте
Не работает видео на сайте
Проверяем файл, формат, ответ сервера, плеер и правила браузера. Исправляем сценарий запуска, перемотки и звука для компьютеров и телефонов.
Диагностика
От файла
до кадра в плеере
Видео проходит несколько слоёв: браузер загружает источник, распознаёт контейнер и кодек, получает диапазоны данных и запускает интерфейс плеера. Проверяем каждый слой отдельно.
Формат и кодек
Проверяем реальный контейнер, видео- и аудиокодек, MIME-тип и резервные варианты для нужных браузеров.
Выдача файла
Смотрим Content-Type, размер, кеш, поддержку Range-запросов и полноту ответа при перемотке.
Плеер
Проверяем controls, poster, preload, события ошибки и конфликт скриптов или нескольких библиотек.
Автозапуск и звук
Учитываем правила браузера, muted, playsinline и действие пользователя перед включением звука.
Внешнее видео
Тестируем iframe, разрешённый домен, параметры встраивания, политику CSP и доступность сервиса.
Причины сбоя
Почему видео не запускается
Пустой блок, бесконечная загрузка и отсутствие звука требуют разных проверок. Сначала смотрим ответ сервера и консоль браузера, затем код плеера.
Файл и формат
Проверяем MIME-тип, кодеки, размер, поддержку диапазонных запросов и фактический ответ URL. Расширение MP4 само по себе не гарантирует воспроизведение на iPhone и в браузерах.
Внешний плеер
Проверяем разрешение на встраивание, CSP, cookie, региональные ограничения и загрузку стороннего скрипта. Ошибку провайдера отделяем от ошибки страницы.
Автозапуск
Браузеры блокируют автоматическое видео со звуком. Настраиваем muted, playsinline, элементы управления и понятный запуск пользователем.
Мобильная загрузка
Ограничиваем тяжёлый первый кадр, задаём poster и не загружаем ролик раньше нужного момента. Это снижает расход трафика и влияние на скорость страницы.
Приёмка
Как проверяем исправление
Какие устройства используем?
Проверяем актуальные Chrome и Safari, мобильный экран, медленное соединение и повторный визит из кеша. Отдельно тестируем запуск, паузу, перемотку, звук и полноэкранный режим.
Что контролируем в коде?
У видео остаются доступные элементы управления, текстовая альтернатива и предсказуемый размер блока. Ошибка загрузки не должна ломать соседний контент или создавать скачок макета.
Когда нужен другой способ размещения?
Если текущий хостинг не отдаёт диапазоны, файл слишком тяжёлый или ролики создают заметную нагрузку, предлагаем CDN либо видеоплатформу. Решение принимаем после замеров, а не по размеру файла.
Результат
Плеер запускает совместимый источник и сообщает об ошибке
Видео воспроизводится
Браузер получает поддерживаемый формат, корректный тип и достаточные данные для старта.
Управление отвечает
Запуск, пауза, перемотка, громкость и полноэкранный режим работают в согласованных браузерах.
Страница не зависает
Тяжёлый файл не блокирует основной контент, а отказ внешнего сервиса не ломает остальной интерфейс.
Порядок работ
Проверяем ролик на реальном соединении
Пришлите URL страницы, устройство и момент сбоя. Если видео хранится отдельно, нужен тестовый источник без конфиденциальных материалов.
Воспроизводим
Фиксируем браузер, сеть, состояние плеера, консоль и запросы к медиафайлу.
Определяем слой
Отделяем несовместимый кодек от ошибки сервера, плеера и внешнего iframe.
Исправляем источник
Меняем кодирование, заголовки, параметры плеера или способ встраивания.
Проверяем сценарии
Тестируем запуск, перемотку, звук, мобильный экран, медленную сеть и отказ источника.
Документация MDN по элементу video описывает источники, управление, автозапуск и резервный текст. Поддержка конкретного ролика зависит от контейнера и кодеков внутри файла.
Границы работ
Автозапуск со звуком контролирует браузер
Сайт не может гарантированно включить звук без действия пользователя: браузер применяет собственную политику воспроизведения. Для внешнего видеосервиса мы отвечаем за код встраивания и параметры на сайте, но не за его доступность, рекламу и ограничения аккаунта. Перекодирование исходника требует качественного файла. Если сохранилась только повреждённая копия, сначала оцениваем возможность её восстановления.
Вопросы
Перед исправлением
Почему плеер показывает чёрный экран?
Проверяем доступность файла, кодек, MIME-тип, постер, аппаратное декодирование и ошибки плеера.
Почему автозапуск не работает?
Браузер может запретить запуск со звуком. Используем muted и понятную кнопку, если автоматическое воспроизведение отклонено.
Почему видео не перематывается?
Проверяем выдачу диапазонов, размер файла, кодирование и работу CDN или прокси.
Как проверяется результат?
Тестируем запуск, паузу, перемотку, звук, мобильный режим, медленную сеть и обработку ошибки.
Первый шаг
Пришлите страницу с неработающим видео
Укажите устройство, браузер и действие, после которого появляется сбой. Если проблема только у части роликов, назовите один пример.