title: Chrome Flash player creates transparent rectangles in the flash window
body: <p>I'm encountering a weird, very difficult to reproduce graphics glitch in a Flash video player!, so far only in Chrome.</p>
  
  <p><img src="https://i.stack.imgur.com/eZkbE.png" alt="screenshot"></p>
  
  <p>The gray rectangle below "Enter the building"  is showing the background color of the html div that the flash player is sitting in. There is a smaller one under the "Where are we" link.  These are sprites (containing several other sprites and displayobjects) that have a scripted hover animation (they slowly move towards a random point that is withing a certain range of their origin). The glitch resizes together with them, sometimes disappearing.</p>
  
  <p>What's the strangest it makes the entire flash component see through. I have this code 
  running when the videoplayer is created: </p>
  
  <pre><code>        graphics.clear();
          graphics.beginFill(0xff00ff, 1);
          graphics.drawRect(0, 0, _stage.stageWidth, _stage.stageHeight);
          graphics.endFill();
  </code></pre>
  
  <p>So there should be a bright color in the back of the video player, and I've confirmed that it is there if I don't load the video player. However this bright color is not displayed, but rather the background div that contains the player shines through.</p>
  
  <p>This makes absolutely no sense to me...and I have no idea how to debug this. All I know is that the appearance of the glitch is dependent on where the text-links are hovering on the screen.</p>
  
  <p>The flash is loaded in WMODE transparent, which we need because it has a expandable 'wing' on the side which is semi transparent.</p>
  
  <p>EDIT:</p>
  
  <p>it is live at www.48hourgames.com. Once you make an account you will see the video player that ends with the screenshot above.</p>