Mediaelement.js 对 Internet Explorer 的支持答案

【问题标题】：Mediaelement.js support for Internet ExplorerMediaelement.js 对 Internet Explorer 的支持
【发布时间】：2013-04-24 11:45:58
【问题描述】：

我目前正在尝试使用 mediaelement.js 作为对我的 HTML5 视频的完全跨浏览器支持的解决方案。我使用本教程 (http://vimeo.com/44576115) 来让 mediaelement 正常工作，它在 Safari、Chrome、FF 和 IE9 上运行良好。我已经在 IE8 上尝试过，它给了我一个没有任何视频的白屏，我假设这是一个 flash 后备失败？我还需要视频具有灵活的宽度，以便它适合响应式布局。我开始完全迷失在我遇到的问题上。有人可以为我提供一个“模板”或捐赠经过验证的 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>

【问题讨论】：

标签： internet-explorer html5-video flash mediaelement.js

【解决方案1】：

在 IE8 中它使用 Flash 后备。请确保在 flashvars 中 mp4 的路径是正确的。

请发布您的代码。

【讨论】：