0

私はYouTubeからのビデオを持っています、私はこのビデオからどこかに隠したいです、これは私のコードです

 <div style="width: 200px; height: 315px; overflow: hidden">
        <iframe width="560" height="315"    src="http://www.youtube.com/embed/AMoLwrarElA" frameborder="0" allowfullscreen></iframe>
</div>

これはサファリを除くすべてのブラウザでうまく機能します。サファリではすべてのビデオが表示されます。誰かが理由を知っていますか？

4

3 に答える 3

1

画像は、iframeをカバーする絶対位置のdivを示しています

画像が示すように、これを行う方法は次のとおりです。

body
  div (position = absolute, top = iframe.top, right = iframe.right, width = 350px)
  iframe (position = absolute or relative, width = 750px)

ここで絶対位置のdivは赤い縞模様の領域です

jqueryを使用して、iframeを左上から右下に取得できます。

<body>
 <div class="cover"></div>
 <iframe/>
 <script>
   $(function(){
     var top = iframe.top
     var right = iframe.right
     $("cover")[0].top = top;
     $("cover")[0].right = right;
     //..
   });
 </script>
</body>

申し訳ありませんが、時間が足りません。詳しく説明できません。うまくいかない場合は、もう一度やり直します。

于 2012-08-07T13:14:40.103 に答える
1

hidden の最後にセミコロンを追加してみてください:

overflow:hidden;

また、追加してみてください：

clear:both;

あなたのdivスタイルに。

于 2012-08-06T21:31:15.237 に答える
0

このコードはこの問題を決定しました

<div style="width: 200px; height: 315px; overflow: hidden;">
<object width="560" height="315" style="float:left; overflow: hidden;">
    <param name="movie"    value="http://www.youtube.com/v/AMoLwrarElA&hl=ru_RU&fs=1&rel=0&border=0"/>
    <param name="allowFullScreen" value="true"/>
    <param name="allowscriptaccess" value="always"/>
    <param name="wmode" value="opaque"/>
    <embed src="http://www.youtube.com/v/AMoLwrarElA&hl=ru_RU&fs=1&rel=0&border=0" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"/>
</object>
</div>
于 2012-08-07T22:00:57.647 に答える