2013-04-24 121 views
0

我目前正在尝试使用mediaelement.js作为针对我的HTML5视频的全面跨浏览器支持的解决方案。我使用这个教程(http://vimeo.com/44576115)为了让mediaelement工作,它在Safari,Chrome,FF和IE9上工作正常。我已经在IE8上试过了,它给我一个没有任何视频的白屏,我认为这是闪回故障?我还需要视频具有灵活的宽度,以便它能适应响应式布局。作为一个问题,我开始完全丧失了我所遇到的问题。有人可以请我提供一个“模板”或捐赠的经过验证的html5视频代码,它可以在所有浏览器中使用,包括较旧的IE浏览器和IOS设备Ipad,Android等?这对我来说真的很有帮助,如果有人能帮上忙,我将非常感激。对Internet Explorer的Mediaelement.js支持

非常感谢。

这是我的视频元素的代码,我已经加倍检查所有的目录,以确保正确的链接。

<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> 

回答

0

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

请张贴您的代码。

相关问题