Поддержка видео в IE9 HTML5

На официальном веб-сайте Microsoft есть fragmentы кода для видео на IE9

Попробуйте этот код.

Internet Explorer 9 поддерживает MPEG4 с использованием кодека H.264. Но также потребовалось, чтобы файл начал играть, как только он начнет загружаться.

Вот основные шаги по созданию файла MPEG, который работает в IE9 (с использованием avconv на Ubuntu). Я потратил много часов, чтобы понять это, поэтому я надеюсь, что он может помочь кому-то другому.

1. Преобразование видео в MPEG4 с использованием кодека H.264. Вам ничего не нужно, просто пусть avconv выполнит эту работу за вас:

    avconv -i video.mp4 -vcodec libx264 pre_out.mp4 

2. Это видео будет работать на всех браузерах, поддерживающих MPEG4, кроме IE9. Чтобы добавить поддержку IE9, вам необходимо переместить информацию о файле в заголовок файла, чтобы браузер мог начать играть с ним, как только он начнет его загружать. ЭТО КЛЮЧ ДЛЯ IE9 !!!

    qt-faststart pre_out.mp4 out.mp4 

qt-faststart – утилиты Quicktime, которые также поддерживают формат файла H.264 / ACC. Это часть пакета libav-tools .

Вы пытаетесь использовать это в IIS?

Если это так, вы должны добавить соответствующие типы mime для распознавания ваших видеофайлов:

Вот некоторая разметка, которая работает для меня в IE9 (в корневой папке у меня есть папка «видео» с моими файлами):

Как отмечали другие, IE9 не поддерживает OGV, а только MP4 и WebM (с плагином). Я столкнулся с множеством проблем даже с MP4, который должен играть изначально, прежде чем обнаруживать, что одна вещь, которую следует учитывать при работе с файлами MP4 для IE9, – это метафайла файла, называемая атомом moov, встроенная в сам файл MP4. Если он находится в конце файла, где некоторые кодеры, в том числе ffmpeg, помещают его, IE9 не начнет воспроизводить видео, если не будет загружен весь видеофайл. Перемещение метаданных атома moov в начало файла обеспечивает прогрессивную загрузку файла MP4, а IE9 прекрасно обрабатывает видео.

Для выполнения этой операции есть инструмент под названием qt-faststart . Разработал чудеса для меня, компилируя и используя версию командной строки Linux, распространяемую вместе с ffmpeg.

 make tools/qt-faststart sudo cp tools/qt-faststart /usr/local/bin/ qt-faststart original_file.mp4 modified_file.mp4 

См. Эту страницу; он обеспечивает решение проблемы с плакатом с IE9 и расширяет видеокодеки:

Некоторые простые CSS и условные утверждения сделали трюк. Я считаю, что плакаты должны быть размещены в начале (первый кадр) и заканчиваться (последний кадр) видео, как если бы они были обложками альбомов. Таким образом, изображение в начале и в конце видео даст зрителю НЕОБХОДИМ визуальное представление о том, почему они должны воспроизводить видео (так же, как причина, по которой вы покупаете альбом, иногда из-за обложки).

Имейте в виду, что для IE9 источник видео должен указываться в атрибуте src самого тега видео.

Я предлагаю вам специально определить IE9 и добавить это свойство в тег видео. Вам нужно сделать это специально для IE9, потому что Firefox на OSX не будет принимать видеофайл MP4 в теге src.

Надеюсь, поможет!

IE9 не поддерживает Ogg / Theora . Он будет поддерживать WebM, если вы установите кодек .