iframe中的Youtube视频未隐藏在Safari 5.1中

时间:2012-05-22 10:52:43

标签: javascript html

我的网站上有3个标签。内部第二(隐藏)div包含 iframe 中的YouTube视频。当我点击第二个标签(包含视频)时,视频开始播放。单击第1或第3个选项卡(包含图像)时,内容区域仍显示视频。它应显示各个选项卡的图像。视频未隐藏在Safari 5.1中

我怎样才能做到这一点?

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>

1 个答案:

答案 0 :(得分:19)

我已经看到一些非常荒谬的答案,试图在Safari中解决这个问题。相反,请尝试添加:

“WMODE =不透明”

作为youtube视频的网址中的第一个GET变量。

(例如:src =“http://www.youtube.com/embed/pPBLF2Ffbaw?wmode=opaque&rel=0”)

在类似的情况下为我工作。