video on a hidden layer shows up in chrome -

itemprop = "text">

A YouTube video embedded on my site is not started (although it does not matter).

I can hide it by setting the parents' diva display: any style is not to show other content in its place

    
 to  
  & lt; Div style = 'display: none;' & Gt; & Lt; Iframe width = "640" height = "480" frameborder = "0" permitted micro source = "http://www.youtube.com/embed/xxxxxxxx" & gt; & Lt; / Iframe & gt; & Lt; / Div & gt; & Lt; Div & gt; The other material & lt; / Div & gt;   
 This works fine in Explorer / Firefox. This works mostly in Chrome, but hides the video on some machines (about 20% chrome I tried), but when I move the mouse to its location (where the other content is displayed), the square piece of the video image material Cover it.  
 I have tried to move the video apart from hiding it (style = 'display: none; left: -9999px;') but it does not help, blinks in video though Firebug And Chrome DevTools can see the same place i-9999px style may apply.  
 On those machines where it is in chrome, it is always (and on the same machine it works fine in IE / FF).   
 
 
 Text "> 
 Is it OK to add ? Wmode = opaque  to the YouTube link? Code  
  
 style = 'display : None; ' & Gt; & lt; iframe width = "640" height = "480" frameborder = "0" allowed micro source = "http://www.youtube.com/embed/xxxxxxxx/?wmode=opaque" & gt; Lt; / iframe & gt; & lt; / div & gt; & lt; div & gt; Other content & lt; / div & gt;   
 In those chrome, Hides from what was not working before.