4

私のサイトには3つのタブがあります。2番目の（非表示の）divの内部には、 iframe内のYouTubeビデオが含まれています。2番目のタブ（ビデオを含む）をクリックすると、ビデオの再生が始まります。1番目または3番目のタブ（画像を含む）をクリックしても、コンテンツ領域にはビデオが表示されますが、それぞれのタブの画像が表示されます。ビデオはSafari5.1に隠れていません

どうすればこれを達成できますか？

コード:: 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>
4

1 に答える 1

19

Safari でこの問題を解決しようとすることについて、かなりばかげた回答を見てきました。代わりに、次を追加してみてください。

"wmode=不透明"

YouTube ビデオの URL の最初の GET 変数として。

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

同様の状況で私のために働いた。

于 2012-11-05T17:54:01.257 に答える