Vimeo iframe 콘텐츠가 ie7에 표시되지 않습니다.

Question

이것은 며칠 동안 나를 괴롭혔습니다. Rapidweaver 플랫폼 용 플러그인을 개발하여 라이트 박스에 Vimeo 비디오를 쉽게 넣을 수 있습니다. IE7에서 테스트하는 데 문제가 있습니다. 비디오 내용이 표시되지 않습니다. 여기에서 테스트 페이지를 볼 수 있습니다 : http://www.garysimpson.co.uk/sandpit/sandpit.html

플러그인이 Vimeo에서 미리보기 이미지를 생성하고 클릭하면 라이트 박스에서 비디오가 열립니다. ie7을 실행중인 Windows XP 컴퓨터에서 테스트 중입니다. 내가 테스트 한 다른 모든 브라우저는 정상적으로 작동합니다. 모든 포인터가 많이 감사합니다.

Answer 1

아 IE7 ... 나는 너의 고통을 느낀다 게리! 최근 프로젝트에서 비슷한 문제가 발생했습니다. display:none 또는 이와 유사한 것으로 숨겨진 시작 부분에 삽입 된 콘텐츠에 문제가있는 것으로 보입니다. 내가 둥근 방법은 라이트 박스가 활성화되었을 때만 IE 용 비디오 컨텐츠를 제거하고 다시 추가하는 것이 었습니다.

// Check if browser is IE7 
if ($.browser.msie && parseInt($.browser.version) == 7){ 
    // Clone the div containing the video content 
    var clone = $("#video-div").clone(true); 
    // Remove the div 
    $("#video-div").remove(); 
    // Re-add the div to the lightbox 
    $("#lightbox-div").append(clone); 
} 

편집 : 예를 들어, 당신은 대신 iframe 대응의 레거시 소스 코드와 함께이 기술을 사용하여 시도 할 수 있습니다.

<object width="320" height="180"> 
    <param name="allowfullscreen" value="true" /> 
    <param name="allowscriptaccess" value="always" /> 
    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7421222&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /> 
    <embed src="http://vimeo.com/moogaloop.swf?clip_id=7421222&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="320" height="180"></embed> 
</object> 

멀어져 편집 : 나를 위해 IE7에서 작동하는 모습 Browserstack 몇 가지 테스트를하고에. 그것은 당신의 테스트 환경에 특정한 것이 될 수 있습니다. ! Screen shot of IE7 window.