Question

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:

      <object width="380" height="307">
        <param name="movie" value="http://www.youtube.com/v/DooLJvsH_BY&amp;hl=en_US&amp;fs=1&amp;" />
        </param>
        <param name="allowFullScreen" value="true" />
        </param>
        <param name="allowscriptaccess" value="always" />

        </param>
        <embed src="http://www.youtube.com/v/DooLJvsH_BY&amp;hl=en_US&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="307"></embed>
      </object>

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.

Are there any html / css / param settings that I can modify to avoid this?

See the site itself for a working example.

Edit: I experience the problem both in Windows 7 64bit and Ubuntu 11.10 64bit so far.

Answer 1

<param name="wmode" value="transparent" />

(and the equivalent in embed)

This is a guess. I have personal experience though that if you set this in IE, it will prevent Flash from capturing the arrow buttons for scrolling, which seems related.