视频叠加在chrome中的div问题上

Question

我可以在ie8 +中播放视频，我在使用chrome时有问题，我将这个视频隐藏在div上，它可以正常工作，但是在chrome中，它覆盖在div上方的div上面，我尝试用z-索引减少但没有用。

<object id='mediaPlayer' width="320" height="285" 
  classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' 
    codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
  standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
  <param name='fileName' value="celebration.wmv">
  <param name='animationatStart' value='true'>
  <param name='transparentatStart' value='true'>
  <param name='autoStart' value="false">
  <param name='showControls' value="true">
 <param name="uiMode" value="none"/>
<param name="windowlessVideo" value="true"/>
<param name="wmode" value="opaque"/>

  <param name='loop' value="true">
  <embed type='application/x-mplayer2'
    pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
    id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
    bgcolor='darkblue' showcontrols="true" showtracker='-1' 
    showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="270" height="220"
    src="celebration.wmv" autostart="true" designtimesp='5311' loop="true">
  </embed>
  </object>