Google Chromeは、Flashビデオのz-indexを正しく表示していません。
FirefoxまたはInternetExplorerのhttp://maxusglobal.com/をご覧ください。
Chromeで見てみましょう。
ページ上部の大きな動画には、上部にZインデックスが付けられた「プレビュー」画像が必要です。FirefoxとInternetExplorerでは機能しますが、GoogleChromeでは機能しません。
これはWebKitの問題ではないようですが、具体的にはChromeのバグです。
すべてのwmode（不透明、ウィンドウ、透明）を試しましたが、修正されません。フラッシュボックスのz-indexも変更しましたが、まだ機能していません。
タグに追加wmode="transparent"します。<embed>次のように。
<embed wmode="transparent"
height="314" width="516"
type="application/x-shockwave-flash"
id="player"
name="page_player"
src="/swfs/player.swf"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=/attachments/files/u_t_o_N_1.mp4">
hello必要がない場合は、画像のdivを非表示にします。
これがお役に立てば幸いです。
私が見ているように、ここにはいくつかのオプションがあります。
オプション1
wmodeタグを使用すると、オブジェクトがレンダリングされるときにこれを設定する必要があります。後で追加しても機能しません
（ref1） （ref2）
不透明を使用すると、CSSz-indexスタイルでオブジェクトをターゲットにできます。<embed>この値は、タグとparam
（ref3） （ref4）に設定する必要があることに注意してください。
オプション2
ユーザーがプレビューボタンをクリックするまで、オブジェクトを非表示にします。Sotirisが同じことを言っていることに気付く前に、私はあなたが使用したjavascriptを追跡するのに何年も費やしました。これがあなたのコードだと思います：
$('#play_video_box').click(function(){
if(app.isiPhone() == "iphone" || app.isiPhone() == "ipad"){
return true;
}
$(this).fadeOut('fast');
$('#page_video_preview_image').fadeOut('fast');
var player = document.getElementById('player');
player.sendEvent('PLAY');
return false;
});
私は1行を次のように修正します：
$('#page_video_preview_image').fadeOut('fast',function(){$('#video_wrapper').css('visibility','visible')});
また、CSSを使用して、デフォルトで可視性を非表示に設定します。JavaScriptのサポート要件がない場合は、それを変更する必要があります。
ここで提供される3番目のリンクは、wmodeとその動作に関するかなり良い記事です。オプション1を選択して問題が発生した場合は、それを確認することをお勧めします。
お役に立てば幸いです。
私もGoogleChrome8を使用しているときに、埋め込まれたFlashオブジェクトのz-indexに問題がありました。IE7ではすべてが完全に機能しました。lnrbobはオプション1のソリューションで頭に釘を打ちました。<embed>タグでwmodeを不透明に設定しました。しかし、タグとしてwmodeを追加することを怠りました<param>。タグとタグ<param name="wmode" value="opaque"/>の間に追加すると、 IEを壊すことなくChromeでz-indexが完全に機能し始めました。<object><embed>
Firefox3.6とOpera10では動作しません。Windowsでも動作しません。
visibility:hidden;考えられる解決策：セレクターのCSSを追加するだけ#both_video_and_preview_image #video_wrapperです。
次に、jQueryコードを追加します（ライブラリを使用していることがわかります）。ユーザーがプレビュー画像をクリックすると、上記のセレクターの表示が表示に変わります。
$("#page_video_preview_image").click(function() {
$("#both_video_and_preview_image #video_wrapper").css("visibility","visible");
})
次のコードは、すなわち、firefox、operaで機能しますが、chrome（バージョン21）では機能しません。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="250">
<param name="movie" value="http://img.emarbox.com/dsp/img/300x250.swf">
<param name="quality" value="high"></param>
<param name="wmode" value="opaque"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://img.emarbox.com/dsp/img/300x250.swf" wmode="opaque" allowfullscreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="250"></embed>
</object>
<div style="cursor: pointer; margin-top:-250px; width:300px; height:250px; z-index:1; visibility: visible;">
<a href="http://www.emarbox.com" target="_blank" >
<img border="0" src="http://img.emarbox.com/dsp/img/flash_blank.gif" width="300" height="250" border="0" /></a>
</div>
SWFObjectを使用して、そのようにロードしてみましたか？