Встроенные видео HTML

Question

Понятия не имею, почему это не работает.

<video src="American.avi" controls="controls">
<object data="American.avi" type="video/avi" />
<embed src="American.avi" />

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

Есть предложения?

Answer 1

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

Для обеспечения кросс-браузерной совместимости <video> вам нужно будет предоставить MP4 и один из WebM или OGG Theora.Вы также можете использовать видео MP4 в проигрывателе Flash в качестве запасного варианта для браузеров, которые не поддерживают <video>.

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

Answer 2

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

<video width="480" height="320" controls="controls">
  <source src="American.ogg" type="video/ogg" />
  <source src="American.mp4" type="video/mp4" />
  <p>I'm afraid that your browser does not support the video tag.</p>
</video>

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

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