title: Avoid scroll-wheel hijack by embedded youtube / flash video
body: <p>I am making some improvements on a web-site that has a youtube video embedded in its home-page. I have not added this code myself, but it looks like:</p>
  
  <pre><code>      &lt;object width="380" height="307"&gt;
          &lt;param name="movie" value="http://www.youtube.com/v/DooLJvsH_BY&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;" /&gt;
          &lt;/param&gt;
          &lt;param name="allowFullScreen" value="true" /&gt;
          &lt;/param&gt;
          &lt;param name="allowscriptaccess" value="always" /&gt;
  
          &lt;/param&gt;
          &lt;embed src="http://www.youtube.com/v/DooLJvsH_BY&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="307"&gt;&lt;/embed&gt;
        &lt;/object&gt;
  </code></pre>
  
  <p>I have a small ux problem with this embedded object: When scrolling the page up or down using the scroll-wheel of the mouse, it stops working when the mouse cursor is hovering over the video.</p>
  
  <p>Are there any html / css / <code>param</code> settings that I can modify to avoid this?</p>
  
  <p><a href="http://www.apus-peru.com/" rel="nofollow">See the site itself</a> for a working example.</p>
  
  <p><strong>Edit:</strong> I experience the problem both in Windows 7 64bit and Ubuntu 11.10 64bit so far.</p>