Mediaelement.js поддержка Internet Explorer
В настоящее время я пытаюсь использовать mediaelement.js в качестве решения для полной кросс-браузерной поддержки моих видео HTML5. Я использовал это руководство ( http://vimeo.com/44576115), чтобы заставить работать медиаэлемент, и он отлично работает на Safari,Chrome,FF и IE9. Я пробовал это на IE8, и он дает мне белый экран без какого-либо видео, я предполагаю, что это сбой вспышки? Мне также нужно, чтобы видео имело гибкую ширину, чтобы оно соответствовало адаптивному макету. Я начинаю полностью теряться в том, с чем сталкиваюсь как проблема. Может ли кто-нибудь предоставить мне "шаблон" или пожертвование испытанного и проверенного видеокодека html5, который будет работать во всех браузерах, включая старые браузеры IE и устройства IOS Ipad, Android и т. Д.? Это действительно очень поможет мне, и если кто-то может помочь, это будет очень цениться.
Большое спасибо.
Это мой код для элемента видео, я дважды проверил все каталоги, чтобы убедиться в правильности ссылок.
<div class="vidcon">
<video width="640" height="360" controls="controls" preload="none">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="darrel-vid.mp4" type="video/mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="darrel-vid.webm" type="video/webm" />
<!-- Ogg/Vorbis for older Firefox and Opera versions -->
<source type="video/ogg" src="darrel-vid.ogv" type="video/ogg" />
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
<object width="640" height="360" type="application/x-shockwave-flash" data="mediaelement/build/flashmediaelement.swf">
<param name="movie" value="flashmediaelement.swf" />
<param name="flashvars" value="controls=true&poster=Darrel-poster.jpg&file=darrel-vid.mp4" />
<!-- Image as a last resort -->
</object>
</video>
</div>
1 ответ
В IE8 он использует запасной вариант Flash. Пожалуйста, убедитесь, что во flashvars путь к mp4 правильный.
Пожалуйста, оставьте свой код.