Я надеюсь, что у кого-то есть идея о том, что я могу сделать, чтобы помочь мне воспроизводить видео в формате HTML5 в моей локальной интрасети.
Мой веб-сервер = Windows Server 2008 R2 Стандартный 64-битный Версия 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 'http://craftymind.com/factory/html5video/CanvasVideo.html'
Привет,
Крис
Убедитесь, что для веб-сервера используется тип MIME video/mp4 для .mp4. Я случайно установил .mp4 для использования типа MIME video/mpeg, видео воспроизводится в Chrome, но не в IE11.
Также вам нужно убедиться, что видео использует видеокодек H264 и аудиокодек AAC
У меня была аналогичная проблема, мой собственный сайт HTML5 вообще не работал. Нет сообщения об ошибке просто.
Причина была Windows7 N (EU - нет медиаплеера).
После установки проигрывателя Windows Media, это (а также другие проблемы) исправлены. Надеюсь, это поможет:)
Похоже, что он работает в Win7 + IE10 по какой-то причине. Все остальное выглядит хорошо. Протестировано на следующих страницах, включая тест ie.microsoft.com.
http://ie.microsoft.com/testdrive/graphics/videoformatsupport/default.html http://www.w3.org/2010/05/video/mediaevents.html
Win7 IE9 - ОК
Win7 IE10 - nope
Win8 IE10 - ОК
Win7 IE11 - ОК
Win8 IE11 - ОК
Скриншоты BrowserStack для тестовой страницы MS. http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469
У меня нет 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>
Изменить: Я установил IE10 и могу подтвердить вышеперечисленные работы там.
Изменить: Так как 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>
Возможно, у вас есть проблема с драйверами видеокарты, как указано в Невозможно воспроизвести ни видео IE10 HTML5, ни видео с современными приложениями пользовательского интерфейса.
Отключить рендеринг графического процессора в IE как:
Свойства обозревателя > Дополнительно > Ускоренная графикa > Используйте рендеринг программного обеспечения вместо рендеринга графического процессора
И посмотрите, работает ли он.
У меня было много проблем с IE10, воспроизводящим видео html5. Последнее, что я проверил, было правильным: видео были сжаты gzip. Проверьте конфигурацию своего сервера.
РЕДАКТИРОВАТЬ:
Чтобы узнать, сжаты ли ваши видео на сервере, используйте сетевой прокси-сниффер, например Charles, или даже отладчик IE, и проверьте ответ на запрос видеофайла. Если вы найдете Content-Encoding:gzip, тогда вы должны проверить конфигурацию своего сервера.
В моем случае мне пришлось отключить сжатие gzip в видеофайлах в моем файле .htaccess.
Это код, который я использую для своих видео 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>
Это должно работать на всех устройствах/браузерах. Я позвонил широким кругам в этом конкретном порядке, чтобы современные браузеры могли быстрее их загружать (хром может играть ogg/webm/mp4 - от тестирования моих видео ogg/webm, похоже, загружает их быстрее mp4, чтобы уменьшить время буферизации)
У меня была такая же проблема. Мое первоначальное разрешение видео было 1920x1200. Кажется, что у IE10 есть проблемы с этим. Первые тесты с видео с низким разрешением решили проблему.