1

IE ファミリーのブラウザー (フラッシュなし / html5) の適切なフォールバックとして、ページに Quicktime ビデオを埋め込みます。後でビデオをオーバーレイする div があるため、Quicktime 埋め込みは wmode=transparent である必要があります。以下は埋め込みコードです。

<embed src="test.mp4" width="300" height="400" wmode="transparent" autoplay="true" scale="tofit" />

問題は、quicktime プラグインをロードする前に埋め込み領域が白く点滅することです。埋め込みが正常に完了し、ビデオの再生が開始されますが、コントロールバーは白くブロックされています。

クイックタイムがどのように見えるか

これを修正する方法についてのアイデアはありますか? (wmode の変更はオプションではありません)。これは、すべての IE ブラウザー + FF3.6 (より高いバージョンはテストしていません) で発生します。

ありがとう。

4

2 に答える 2

4

IEでコントロールバーを非表示にしているプレーヤーは、が原因ですwmode="transparent"。ライブの、IEのすべてのバージョン(6/7/8および9)でテストされ、同じ動作が見られました。ただし、設定wmode="opaque"はコントロールバーを示しています。実例、IEのすべてのバージョン( 6/7/8および9)でテストされ、同じ動作が見られました。ただし、問題wmode="opaque"は、プレーヤーの上にオーバーレイ(dom要素)を表示できないことです。

FF 3.6はwmode="transparent"何も表示されません。つまり、プレーヤー自体が表示されません。実例。_ しかし、wmode="opaque"すべてが問題なく正常に機能するため、プレーヤーの上にもオーバーレイを配置できます。実例_

Chrome 13では、wmode="transparent"すべてが正常に機能します。実例。_ ただしwmode="opaque"、唯一の問題は、プレーヤーの上にオーバーレイを表示できないことです。実例_

wmodeこれにより、問題に関連する最新のブラウザのほとんどでQuicktimeプレーヤーの問題について十分なアイデアが得られると思いますcontrol bar

作業デモ

  • これは、すべてのブラウザIE(すべてのバージョン)およびChrome 13で機能します。FF3.6では、オーバーレイでのみ機能しwmode="opaque"、オーバーレイもサポートします。したがって、FFの場合は、wmode条件付きで設定することをお勧めします。

オーバーレイ用のbgiframeを使用した作業デモ。

http://jsfiddle.net/Q3yBR/23/

于 2011-08-17T03:45:46.527 に答える
2

HEIGHT属性は、埋め込まれたファイルの高さをピクセル単位で指定します。HIDDEN属性が指定されていない限り、HEIGHT属性は必須です。ムービーの高さは、QuickTimePlayerの[ムービー]メニューで[情報を見る...]を選択することで確認できます。SCALE属性を使用せず、ムービーの実際の高さよりも小さい高さを指定した場合(さらに、コントローラーを表示している場合は16)、ムービーは高さに合わせてトリミングされます。ムービーの高さよりも高い高さを指定すると、ムービーはこの高さの中央に配置されます。

注:一部のブラウザで問題が発生する可能性があるため、2未満の高さを指定しないでください。

>注2:ムービーコントローラーの高さは16ピクセルなので、ムービーの高さに16ピクセルを追加して、ムービーコントローラーを表示します。

<embed src="test.mp4" width="300" height="416" wmode="transparent" autoplay="true" scale="tofit" />

コントローラやscale="aspect"の埋め込み高さに16を追加すると、ドキュメントによると問題が解決します。テストするIEのバージョンが低いので、plsから知らせてください。

于 2011-08-16T06:25:52.110 に答える