0

ビデオ タグを使用してビデオを表示しています。ユーザーがビデオを一時停止すると、div を使用してビデオ タグの上部にいくつかのオプションが表示されます。すでにプログラムでcssを変更していても、quicktimeプレーヤーとdiv z-indexが常に自動になるiPadのソリューションですが、iPadでは運がありません

$("#video_screen").bind("pause",function(){
        $("#video_screen").css("z-index","-1");
        $("#videoOptionsDiv").show();
        alert("Seek Time:"+$("video").attr("currentTime")+" ms");
        $("#notif").slideDown("fast");
        alert("video "+$("#video_screen").css("z-index"));
        alert("optionaction "+$("#optionActions").css("z-index"));
 });

これは私のコードで、デスクトップ ブラウザでのみ動作します

4

2 に答える 2

0

これに対する1つの解決策を見つけました。メニューがビデオの一番上に表示されたときにコントロールを削除しただけなので、ビデオのタッチイベントは発生しませんでした。コントロールに基づいて優先度が設定されるため、コントロールを削除するだけで、重複した要素のタッチイベントを検出できます。

オプションを非表示にしたときにもう一度追加します

これは私たちが見つけたハックです

この答えが誰にとっても完全な助けになったといいのですが

ありがとうございました

于 2012-06-04T12:07:42.913 に答える
0

これは、モバイルサファリがビデオタグの穴を開け、何もレンダリングできないと誰かが判断した同様の SO の質問です。

残念ながら違います。

iOS が現在どのように機能しているかについての私の経験と理解に基づくと、これは不可能です。

iPad 上のモバイル Safari は、組み込みのハードウェア アクセラレーションを使用してビデオを再生し、バッテリ寿命を向上させる Quicktime ウィンドウの穴を開けます。(iPhone と iPod Touch では、別のウィンドウで開くだけで同じ効果が得られます。)

このウィンドウは、ページ上の他の HTML とうまく連携しません。実際、モバイル Safari でタグの上に何かを表示する方法を見つけられませんでした。これは、ハードウェア アクセラレーションがビデオのスケーリングとポジショニングのみを許可し、一度に 1 つのビデオしか処理できないためだと推測されます。

ただし、少し古いので、video タグに -1 の z-index を設定するのではなく、div に 9999 の z-index を設定してみることができますが、うまくいかない可能性があります。

于 2012-06-02T06:16:26.040 に答える