HTML5ビデオの再生中にメニューがドロップダウンする問題

Question

HTML 5ビデオを再生する上で作業するためのドロップダウンメニュー（jQuery）を取得する際に問題が発生します。動画がまだ再生されていないときは、最初にページを読み込むときと同じように、うまくいきます。ただし、動画の再生が開始されてから一時停止しても、動画の上にあるドロップダウンメニューがSafariで混乱し始め、Chromeではテキストがまったく表示されません。 Firefoxでは、ビデオ再生中にテキストが表示されます。

ヘッダのコードは、ビデオを再生しているIFRAME、上記のPHPファイルです。ヘッダーはiframeを通って下に伸び、上にとどまります。ここで

は私が話しているかを確認するためにいくつかのスクリーンショットです（スタックオーバーフローが、ここで私が直接画像を投稿してみましょうではないでしょうリンクです）：

FIREFOX

http://oi41.tinypic.com/qpm16a.jpg

の場合

http://filmlook.com/e_website/

：あなたがここにあなたがソースを表示できるページへのリンクがあります、コードを参照してくださいする必要があります210

（noobステータスのためにリンクや画像を投稿できませんでしたが、問題が何であるかを確認するためにサイトを確認することができます）

明らかに、しかし、もし私が使うことができるメニューシステムがあれば、それは他のオプションと比べてうまくいくかもしれません。

はまた、私はあなたができる最善のようにあなたの答えを試してみて、説明してください、あまりにも、種別コードとのnoobのです。

おかげ

Answer 1

私は手動でCSSプロパティ "の表示：なし;" を変更した場合"display：block"にする。オーバーレイと一緒にクロムでも動作します。私はあなたのドロップダウンを示すためにeffetを使用して参照してください。あなたはそれなしでそれを試してみましたか？

あなたのディスプレイを変更し、それが機能するかどうかを確認するだけです。