Note that there are some explanatory texts on larger screens.

plurals
  1. POvideo on a hidden layer shows up in chrome
    text
    copied!<p>I have a youtube video embedded on my site. The video is not started (though it doesn't matter).</p> <p>I can hide it by setting it's parent div display:none style to show another content in it's place. Smth like changing from</p> <pre><code>&lt;div&gt; &lt;iframe width="640" height="480" frameborder="0" allowfullscreen src="http://www.youtube.com/embed/xxxxxxxx"&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;div style='display:none;'&gt; another content &lt;/div&gt; </code></pre> <p>to</p> <pre><code>&lt;div style='display:none;'&gt; &lt;iframe width="640" height="480" frameborder="0" allowfullscreen src="http://www.youtube.com/embed/xxxxxxxx"&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;div&gt; another content &lt;/div&gt; </code></pre> <p>In Explorer/Firefox it works fine. In Chrome it mostly works, but on some machines (about 20% chromes I tried) the video does hide, but when I move the mouse over it's place (where another content is displayed) square pieces of the video image blink through the content covering it.</p> <p>I've tried shifting the video to the left in addition to hiding it (style='display:none;left:-9999px;') but it doesn't help, the video blinks in the same place though in Firebug and Chrome DevTools I can see the -9999px style is applied.</p> <p>On those machines where it happens in Chrome it happens always (and on same machines it works fine in IE/FF). Chrome version is the latest everywhere (it autoupdates), currently it's 27.</p> <p>What would you suggest?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload