2012-05-22 6 views
4

내 사이트에 3 개의 탭이 있습니다. 2nd (hidden) div 안에는 iframe의 YouTube 동영상이 있습니다. 두 번째 탭 (비디오 포함)을 클릭하면 비디오 재생이 시작됩니다. 첫 번째 또는 세 번째 탭 (이미지 포함)을 클릭하면 콘텐츠 영역에 여전히 비디오가 표시됩니다. 각 탭에 대한 이미지가 표시되어야합니다. Safari 5.1에 비디오가 보이지 않습니다.Safari 5.1에 iframe이 보이지 않는 Youtube 비디오

어떻게해야합니까?

CODE : 3 탭의 컨텐츠 (HTML)

<div class="view-content clearthis"> 
    <div id="photos"> 
     <div class="nav"> 
      <a class="hide-divs" id="prev" href="#">Prev</a><a id="next" href="#">Next</a></div> 
       <div id="gallery"> 
       <asp:PlaceHolder ID="phRoomPhotoGallary" runat="server"></asp:PlaceHolder> 
       </div> 
       </div> 
       <div id="video"> 
       <div id="pnlVideo" runat="server"> 
        <iframe id="objVideo" width="667" height="344" src="<%=RoomVideoURL %>" frameborder="0" title="<%=RoomName %>" allowfullscreen></iframe> 
       </div> 
       </div> 
       <div id="floor"> 
       <asp:Image ID="imgFloorPlan" runat="server" Height="344" Width="667" /> 
       </div> 
      </div> 

3 탭

enter code here 


<ul class="clearthis"> 
    <li id="tabPhoto" runat="server"><a id="linkPhotoTab" class="photostab" href="#photos" title="<%=RoomName %>">PHOTOS</a></li> 
    <li id="tabVideo" runat="server"><a id="linkVideoTab" href="#video" title="<%=RoomName %>">VIDEO</a></li> 
    <li id="tabFloor" runat="server" style="margin-right: 0px;"><a id="linkFloorTab"         href="#floor" title="<%=RoomName %>">FLOOR PLAN</a></li> 
</ul> 

답변

19

내가 Safari에서이 문제를 해결하려고 시도에 대해 꽤 말도 안되는 답변을 보았다 . 대신, 추가 시도 :

"W 모드 = 불투명"YouTube 동영상의 URL에서 첫 번째 GET 변수로

.

(예 : SRC = "http://www.youtube.com/embed/pPBLF2Ffbaw W 모드 = 불투명 & REL = 0?") 비슷한 상황에 나를 위해 일한

.

+0

대단히 감사합니다! – Raffael

+0

그것은 실제로 작동합니다. – andrean

+0

매우 깨끗하고 좋은 솔루션이며, 당신이 맞습니다. 해결할만한 많은 어리석은 솔루션이 있습니다. 고맙습니다. – Spyros