it-roy-ru.com

Как получить видео HTML5 для работы с IE10

Я надеюсь, что у кого-то есть идея о том, что я могу сделать, чтобы помочь мне воспроизводить видео HTML5 в моей локальной сети.

Мой веб-сервер = Windows Server 2008 R2 Standard 64bit Версия IIS = IIS7

Тестовая среда пользователя = Windows 7 Enterprise

Видео отлично воспроизводится с помощью Google Chrome 

Видео не воспроизводится с помощью IE10

Мой HTML-код выглядит следующим образом:

<!DOCTYPE html>
<html>
    <body>
        <video src="AccReadings.mp4" width="400" height="300" preload controls>
        </video>
    </body>
</html>

Моя тестовая машина, использующая IE10, воспроизводит HTML5Rocks video ' http://craftymind.com/factory/html5video/CanvasVideo.html '

С Уважением,

Крис

12
user2211781

Убедитесь, что вы настроили веб-сервер для использования MIME-типа video/mp4 для .mp4. Я случайно установил .mp4 для использования MIME типа video/mpeg, видео воспроизводится в Chrome, но не в IE11.

Также необходимо убедиться, что в видео используется видеокодек H264 и аудиокодек AAC 

11
Adamy

У меня просто была похожая проблема, мой собственный сайт HTML5 вообще не работал. Нет сообщения об ошибке просто пустым.

Причиной была Windows7 N (EU - без медиаплеера).

После установки Windows Media Player , это (а также другие проблемы) исправлено .... Надеюсь, это поможет :)

9
Rafal Powierski

По некоторым причинам это не похоже на работу в Win7 + IE10. Все остальное выглядит хорошо. Проверено на следующих страницах, включая тест ie.Microsoft.com.

http://ie.Microsoft.com/testdrive/graphics/videoformatsupport/default.htmlhttp://www.w3.org/2010/05/video/mediaevents.html

Win7 IE9 - ОК

Win7 IE10 - нет

Win8 IE10 - ОК

Win7 IE11 - ОК

Win8 IE11 - ОК

Скриншоты BrowserStack для тестовой страницы MS . http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469

3
greg.kindel

Возможно, у вас проблема с драйвером видеокарты, как указано в Невозможно воспроизвести ни видео IE5 HTML5, ни видео приложений современного пользовательского интерфейса .

Отключите рендеринг графического процессора в IE как:

Свойства обозревателя> Дополнительно> Ускоренная графика> Использовать программный рендеринг вместо графического рендеринга

И посмотри, работает ли это.

1
Mohsenme

У меня не установлен IE10, однако, согласно caniuseit , mp4 поддерживается в IE9 и 10 .

Следующий html работает для меня в IE9 и Chrome, обратите внимание, что ваш видеофайл должен находиться в той же папке, что и html-страница на сервере (в этом примере).

<!DOCTYPE html>
<html>
    <body>
        <video src="abc.mp4" width="640" height="480" preload controls></video>
    </body>
</html>

Edit: Я установил IE10 и могу подтвердить, что вышеупомянутые работы там тоже.

Edit: Поскольку Firefox не поддерживает mp4, а более старые браузеры вообще не поддерживают видео, лучше предоставить несколько источников (форматов) и использовать их, как правило, для флеш-плеера.

<!DOCTYPE html>
<html>
    <body>
        <video width="640" height="480" preload controls>
            <!-- mp4 supported by Chrome & IE9/10 -->
            <source src="abc.mp4" type="video/mp4"></source>
            <!-- webm supported by Firefox -->
            <source src="abc.webm" type="video/webm"></source>

            <!-- last element in video is fall back for native video support, usually a flash player -->
            <object type="application/x-shockwave-flash ...>
                <!-- last element flash player is usual fall back for flash support, usually some "not supported text" -->
                <div>
                Your browser does not natively support flash and you do not have flast installed.
            </div>
            </object>
        </video>
    </body>
</html>
1
Graham King

У меня было много проблем с IE10 при воспроизведении html5-видео .. Последнее, что я проверил, было правильно: видео было сжато gzip .. Проверьте конфигурацию вашего сервера !!!

EDIT: Чтобы узнать, сжимается ли ваше видео сервером, используйте сетевой сниффер прокси-сервера, например, Charles , или даже отладчик IE и проверьте заголовок ответа на запрос видеофайла. Если вы найдете Content-Encoding:gzip, то вам следует проверить конфигурацию вашего сервера . В моем случае мне пришлось отключить сжатие gzip для видеофайлов в моем файле .htaccess.

0
Armel Larcier

Вот код, который я использую для моих видео html5:

<div>
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="none" width="auto" height="auto"
poster="path/to/image.png"
data-setup='{"example_option":true, "autoplay": true}'>
    <source src="path/to/video.ogv" type='video/ogg' />
    <source src="path/to/video.webm" type='video/webm' />
    <source src="path/to/video.mp4" type='video/mp4' />
    <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
    <object class="vjs-flash-fallback" width="640" height="360" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowfullscreen" value="true" />
        <param name="flashvars" value='config={"playlist":["path/to/image.png", {"url": "path/to/video.flv","autoPlay":false,"autoBuffering":true}]}' />
        <!-- Image Fallback. Typically the same as the poster image. -->
        <img src="path/to/image.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." />
    </object>
</video>

Это должно работать на всех устройствах/браузерах. Я назвал Wideos в указанном порядке, чтобы современные браузеры могли загружать их быстрее (chrome может воспроизводить ogg/webm/mp4 - из моих видео ogg/webm, кажется, загружает их быстрее mp4, что сокращает время буферизации) 

0
mcneela86

У меня была точно такая же проблема. Мое оригинальное разрешение видео было 1920x1200. Кажется, что IE10 имеет проблемы с этим. Первые тесты с видео с более низким разрешением решили проблему.

0
Nico M