У меня есть видеоархив, который я работаю во всем, кроме 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&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?
Я считаю, что IE требует кодек H.264 или MPEG-4, который кажется, что вы не указываете/не включаете. Вы всегда можете проверить поддержку браузера, используя HTML5Please и Могу ли я использовать.... На обоих сайтах обычно имеется очень актуальная информация о поддержке, полисах и советах по использованию новых технологий.
Какое разрешение видео? У меня была аналогичная проблема с IE11 в Win7. Декодер Microsoft H.264 поддерживает только 1920x1088 пикселей в Windows 7. См. Мою историю: http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter
У меня были похожие проблемы с видео, которое не воспроизводится в IE11 в Windows 8.1. Я не понимал, что у меня запущена версия Windows для Windows, то есть никаких средств массовой информации не было установлено. После установки Media Feature Pack для N и KN версий Windows 8.1 и перезагрузки моего ПК он работал нормально.
В качестве примечания, видео отлично работало в Chrome, Firefox и т.д., поскольку эти браузеры должным образом отступили в файл webm.
Хотя MP4 поддерживается в Internet Explorer, имеет значение, как вы кодируете файл. Убедитесь, что вы используете кодировку BASELINE при рендеринге видеофайла. Это исправлено с IE11
Я знаю, что это старо, но вот еще одна вещь, если вы все еще сталкиваетесь с проблемами с вышеприведенным решением.
Просто введите <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"
Это было из-за слишком низкой версии режима IE. Нажмите "F12" и используйте более высокую версию (мой случай, выше версии 9 в порядке)