Flash объект на задний план

Возникла задача размещения Flash объекта на заднем плане в макете веб-страницы.

Решение оказалось достаточно простым. Необходимо:

1. В <object> добавить параметр <param name="wmode" value="opaque">
2. В тег <embed> добавить аттрибут wmode="opaque"
3. для div контейнеров проставить необходимые z-index значения (смотреть по обстоятельствам).

В качестве примера возьмем код с YouTube. Следующий код YouTube предлагает вставить у себя на сайте:

<object width="640" height="385">
   <param name="movie" value="http://www.youtube.com/v/yCc8bmLGkIo?fs=1&amp;hl=en_US"></param>
   <param name="allowFullScreen" value="true"></param>
   <param name="allowscriptaccess" value="always"></param>
   <embed src="http://www.youtube.com/v/yCc8bmLGkIo?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>
</object>

Нам же, необходимо спрятать Flash плеейр на задний план, для этого внесем изменения в код.

В итоге получим:

<object width="640" height="385">
   <param name="movie" value="http://www.youtube.com/v/yCc8bmLGkIo?fs=1&amp;hl=en_US"></param>
   <param name="allowFullScreen" value="true"></param>
   <param name="allowscriptaccess" value="always"></param>
   <param name="wmode" value="opaque"></param>
   <embed src="http://www.youtube.com/v/yCc8bmLGkIo?fs=1&amp;hl=en_US" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>
</object>