2013-04-24 315 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的路徑是正確的。

請張貼您的代碼。

相關問題