IE10 용 각 탭에 YouTube 내장 오버레이

Question

이상한 문제가있어 해결책을 찾지 못하는 것 같습니다. Youtube 비디오가 임베드 될 때 JqueryTools 탭 위젯 또는 JqueryUI 탭 위젯을 사용하면 모든 탭에 오버레이가 유지됩니다. 이는 IE에서만 발생하며 특히 IE10으로 테스트되었습니다. 왜 그런지 알아?

은 더 나은이 문제를 설명하기 위해 jsfiddle을 만들어 : http://jsfiddle.net/ncfbX/19/

편집 :

나를 이렇게, 일부 코드를 포함하지 않고 제출하지 않을까요 :

HTML: 

<div class="main"> 
    <div class="slides">Slides division</div> 

    <div id="tabs"> 
     <ul> 
      <li><a href="#tabs-1">tab1</a></li> 
      <li><a href="#tabs-2">tab2</a></li> 
      <li><a href="#tabs-3">tab3</a></li>    
     </ul> 
     <div id="tabs-1"> 
      <div class="inner_panel"> 
       <p>working</p> 
<iframe width="531" height="270" src="http://www.youtube.com/embed/7_nyhwuEX2c?rel=0" frameborder="0" allowfullscreen></iframe> 
      </div> 
     </div> 
     <div id="tabs-2"> 
      <div class="inner_panel"> 
       <p>Tab2 should not have a youtube video embedded.</p>  
      </div> 
     </div> 
     <div id="tabs-3"> 
      <div class="inner_panel"> 
       <p>Tab3 should not have a youtube video embedded.</p>     
      </div> 
     </div> 
    </div> 
</div> 

CSS를 :

.inner_panel{height:350px;} 

JAVASCRIPT : 나는, 수정을 발견 분명히 그것이 유튜브가 동적으로 할당 된 Z- 인덱스를 존중하지 함께 할 수있는 뭔가가 있었다

$(document).ready(function(){ 
    $('#tabs').tabs(); 
}); 

Answer 1

좋아.

탭 아래 유튜브 비디오를 포함하는 경우가 IE10에서 제대로 작동하도록하기 위해 inorder를 다음 코드를 사용 :

<iframe title="YouTube video player" width="480" height="390" src="[YOUR_YOUTUBE_URL_HERE]?wmode=transparent" frameborder="0" wmode="Opaque"> 

W 모드 = 투명를 URL의 끝 W 모드 = "불투명에서 "을 추가 매개 변수로 사용하면 효과적입니다.