3

iPad 用の Web ページを開発していますが、次のような問題があります。

YouTube ビデオを (iframe として) 挿入していますが、その上にとどまるには div が必要です。

YouTubeビデオのURLで「?wmode = transparent」を使用し、z-indexも使用して、すでに取得しています。

PC では正常に動作し、期待どおりに動作します。いつでもトップ div をクリックできます。

Ipad では、ビデオが初めて表示されたときに期待どおりに動作し、視覚的に div がビデオの上に表示され、div コンテンツをクリックできます。

YouTube で「再生」ボタンをクリックすると、ビデオが正しく読み込まれます。しかし、div コンテンツをクリックすると、クリックが YouTube プレーヤーに渡され、div がクリックできなくなります。

助言がありますか？

編集: iframe は次のようになります。

<iframe style="width: 100%; height: 100%" src="http://www.youtube.com/embed/JQkActP-isE?wmode=transparent" frameborder="0" allowfullscreen=""></iframe>

トップ div は次のようになります。

<div class="topdiv" style="position: absolute; right: -410px; width: 400px; display: block; background-color: rgb(255, 255, 255); z-index: 500000; background-position: initial initial; background-repeat: initial initial; ">

注: 動画を再生すると、Div はクリックできなくなります。

4

1 に答える 1

0

あなたの div にはheight、問題の可能性がある属性がありません。そうでない場合は、iframe の代わりに次の方法で試すことができます。

<object width="560" height="340" wmode="transparent">
            <param name="movie" value="http://www.youtube.com/v/rUL0M__g1k4">
            <param name="allowFullScreen" value="true">
            <param name="allowscriptaccess" value="always">
            <embed src="http://www.youtube.com/v/rUL0M__g1k4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340">
 </object>
于 2013-04-08T10:13:21.440 に答える