Видео HTML5 не работает в IE 11 - программирование
Подтвердить что ты не робот

Видео HTML5 не работает в IE 11

У меня есть видеоархив, который я работаю во всем, кроме IE 11. При загрузке в IE 11 появляется ошибка "Ошибка: неподдерживаемый тип видео или недопустимый путь к файлу". Ниже приведен HTML, который я использую.

<video id="movie" width="640" height="400" autobuffer controls preload="auto"> 
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.webm" type='video/webm; codecs="vp8, vorbis"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.ogv" type='video/ogg; codecs="theora, vorbis"' />
                    <object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="640" height="360">
                        <param name="movie" value="http://player.longtailvideo.com/player.swf" />
                        <param name="allowFullScreen" value="true" />
                        <param name="wmode" value="transparent" />
                        <param name="flashVars" value="controlbar=over&amp;file=SITE%2Fmedia%2FArchive_Videos%2FSeptember%25202013%2FSeptember_13_U-RUN.mp4" />
                        <span title="No video playback capabilities, please download the video below">September 2013 U-RUN</span>
                    </object>
                <p>OOPS! It looks like your browser doesn't support HTML5 videos. You can either install the latest version of your browser or download the video below:
                <br /><a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.mp4">MP4 format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.ogv">Ogg format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.webm">WebM format</a></p>
            </video>

У меня также есть файл .htaccess, поэтому он работает в Firefox.

AddType audio/ogg oga ogg 
AddType video/ogg ogv

Почему он не работает в IE 11?

4b9b3361

Ответ 1

Я считаю, что IE требует кодек H.264 или MPEG-4, который кажется, что вы не указываете/не включаете. Вы всегда можете проверить поддержку браузера, используя HTML5Please и Могу ли я использовать.... На обоих сайтах обычно имеется очень актуальная информация о поддержке, полисах и советах по использованию новых технологий.

Ответ 2

Какое разрешение видео? У меня была аналогичная проблема с IE11 в Win7. Декодер Microsoft H.264 поддерживает только 1920x1088 пикселей в Windows 7. См. Мою историю: http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter

Ответ 3

У меня были похожие проблемы с видео, которое не воспроизводится в IE11 в Windows 8.1. Я не понимал, что у меня запущена версия Windows для Windows, то есть никаких средств массовой информации не было установлено. После установки Media Feature Pack для N и KN версий Windows 8.1 и перезагрузки моего ПК он работал нормально.

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

Ответ 4

Хотя MP4 поддерживается в Internet Explorer, имеет значение, как вы кодируете файл. Убедитесь, что вы используете кодировку BASELINE при рендеринге видеофайла. Это исправлено с IE11

Ответ 5

Я знаю, что это старо, но вот еще одна вещь, если вы все еще сталкиваетесь с проблемами с вышеприведенным решением.

Просто введите <head>:

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

Это предотвратит переход IE на совместимость с IE9, тем самым нарушив функцию видео. Работал для меня, поэтому, если у вас все еще есть проблемы, подумайте об этом.

В качестве альтернативы вы можете добавить это в PHP:

header('x-ua-compatible: ie=edge');

Или в файле .htaccess:

header set X-UA-Compatible "IE=Edge"

Ответ 6

Это было из-за слишком низкой версии режима IE. Нажмите "F12" и используйте более высокую версию (мой случай, выше версии 9 в порядке)