3

여기에 제기 된 다른 모든 질문을 검토 한 결과 아무 것도 실제로 내 문제를 해결하지 못했습니다.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에 웹 사이트와 다음, 나는 출력에 "정의되지 않은"로 반환 모드를, 스팬을 추가 "기본"또는 "플래시"대신. 이것이 문제인지 확실하지 않지만이 시점에서 나는 어디를 봐야할지 모릅니다.

도움을 주시면 대단히 감사하겠습니다.

답변

5

나는 전에이 문제가 있었는데 어떤 원인인지 알아 내기까지 시간이 걸렸다. 나는 이것을 시험해 보았고 귀하의 경우에도 잘 작동하는 것 같습니다 :

MediaElement가 생성하는 .me-plugin div에는 position: absolute; 참조가 CSS에 있습니다. 내가 이것을 position:static;으로 설정할 때 모두 IE8에 잘 들어 맞습니다.

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

나는 보통이 일을 끝낼