Youtube视频内部的iframe不会隐藏在Safari 5.1中 [英] Youtube video inside iframe not hiding in Safari 5.1

问题描述

我的网站上有3个标签。 Inside 2nd（隐藏）div在 iframe 中包含YouTube视频。当我点击第二个选项卡（包含视频）时，视频开始播放。点击第一个或第三个标签（包含图像）内容区域仍然显示视频。但它应该显示各个标签的图像。视频不隐藏在Safari 5.1中

我该如何做到这一点？

CODE ::
3标签内容（html）

 < div class =view-content clearthis> 
< div id =photos> 
< div class =nav> 
< a class =hide-divsid =prevhref =＃>上一个< / a>< a id =nexthref =＃>下一个< / a> ;< / DIV> 
< div id =gallery> 
< asp：PlaceHolder ID =phRoomPhotoGallaryrunat =server>< / asp：PlaceHolder> 
< / div> 
< / div> 
< div id =video> 
< div id =pnlVideorunat =server> 
< iframe id =objVideowidth =667height =344src =<％= RoomVideoURL％> frameborder =0title =<％= RoomName％>的allowFullScreen>< / iframe中> 
< / div> 
< / div> 
< div id =floor> 
< asp：Image ID =imgFloorPlanrunat =serverHeight =344Width =667/> 
< / div> 
< / div> 
  

<3>选项卡

 在此处输入验证码
 
 
< ul class =clearthis> 
 
 
< li id =tabFloorrunat =serverstyle =margin-right：0px;>< a id =linkFloorTabhref =＃floortitle =<％= RoomName％>> FLOOR PLAN< / a>< / li> 
< / ul> 
  

解决方案

我已经看到一些非常荒谬的答案，在Safari中修复这个问题。相反，请尝试添加以下内容：

wmode = opaque

作为url中的第一个GET变量youtube video。

（例如：src =http://www.youtube.com/embed/pPBLF2Ffbaw?wmode=opaque& rel = 0）

在类似情况下为我工作。

I have 3 tabs on my site. Inside 2nd (hidden) div contains a YouTube video in an iframe. When I click on second tab(containing video) video starts playing. On click of either 1st or 3rd tab (containing images) content area still show video.Whereas it should show images for respective tabs. Video is not hiding in Safari 5.1

How can I achieve this?

CODE:: 3 tabs content (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 tabs

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>

解决方案

I've seen some pretty ridiculous answers about attempting to fix this problem in Safari. Instead, try adding:

"wmode=opaque"

as the first GET variable in the url for the youtube video.

(eg: src="http://www.youtube.com/embed/pPBLF2Ffbaw?wmode=opaque&rel=0")

Worked for me in a similar situation.

这篇关于Youtube视频内部的iframe不会隐藏在Safari 5.1中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！