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>
대단히 감사합니다! – Raffael
그것은 실제로 작동합니다. – andrean
매우 깨끗하고 좋은 솔루션이며, 당신이 맞습니다. 해결할만한 많은 어리석은 솔루션이 있습니다. 고맙습니다. – Spyros