mediaelement.js視頻不能在IE8中播放

我已經瀏覽了其他所有在這裏提出的問題，並沒有什麼能真正解決我的問題。mediaelement.js視頻不能在IE8中播放

目前視頻會在Chrome，Safari，FF和IE9中加載和播放，但不是IE8，這是我需要支持的最後一個瀏覽器。您可以查看頁面here。

我一直在嘗試使用調試選項，但沒有得到任何幫助。下面是調試器告訴我：

Initializing... 
stage: 0x560 
file: path/to/video.mp4 
autoplay:true 
preload:true 
isvideo:true 
smoothing:false 
timerrate:250 
displayState:true 
ExternalInterface.available:true 
ExternalInterface.objectID: me_flash_0 
Adding callbacks... 
Success... 
METADATA RECEIVED:900x560 
positioning video 
seek:0 
play

這裏是我的代碼：

<video id="player1" width="900" height="560" loop="true" autoplay="true" preload="none" > 
    <source type="video/mp4" src="<?php echo get_template_directory_uri(); ?>/images/curtainLoop.mp4" /> 
    <source type="video/webm" src="<?php echo get_template_directory_uri(); ?>/images/curtainLoop.webm" /> 
    <object width="900" height="560" type="application/x-shockwave-flash" data="<?php echo get_template_directory_uri(); ?>/js/flashmediaelement.swf"> 
     <param name="movie" value="<?php echo get_template_directory_uri(); ?>/js/flashmediaelement.swf" /> 
     <param name="flashvars" value="autoplay=true&amp;controls=true&amp;file=<?php echo get_template_directory_uri(); ?>/images/echo-hereweare.mp4" />      
    </object></video> 

<span id="player1-mode"></span> 
<script> 
    jQuery(document).ready(function($) { 
    var player = new MediaElementPlayer('#player1', { 
     enablePluginDebug: true, 
     enableAutosize: true, 
     success: function(media, node, player) { 
      $('#' + node.id + '-mode').html('mode: ' + player.pluginType); 
     } 
     }); 
    }); 
</script>

與MediaElement的網站之後，我加入了跨度輸出模式，該模式返回爲「未定義」而不是「本地」或「閃光燈」。不知道這是否是問題，但在這一點上，我只是不知道在哪裏看。

任何幫助，非常感謝。

來源

2012-08-23 jedifunk

我以前遇到過這個問題，需要一段時間才能找出是什麼原因造成的。我測試過了，它似乎也適用於你的情況：

在MediaElement創建的.me-plugin div上，CSS中有一個position: absolute;引用。當我將它設置爲position:static;在IE8中一切都很好。

我通常最終會做這樣的：

.ie8 .me-plugin { position: static; }

來源

2012-08-24 20:57:55

mediaelement.js視頻不能在IE8中播放

回答

相關問題