Как получить элемент для покрытия Flash-видео (пробовал wmode = transparent)?

Question

У меня есть видео с YouTube на моей домашней странице, и теперь мне нужен модал для отображения определенных событий.

По какой-то причине, даже при добавлении <param name="wmode" value="transparent"> к объекту Flash, он по-прежнему покрывает HTMLэлементы (с более высоким z-index тоже).

Я получил это на JSfiddle .

Я подумал, что, возможно, iframe может решить эту проблему, но это будетпотребуйте, чтобы я сделал новую страницу только, чтобы поместить видео.

Я что-то не так делаю?

Спасибо

Обновление

Странно, такое поведение происходит в Windows Firefox и IE8.На Firefox на Mac он хорошо отрисовывается.

Answer 1

У вас есть и код для вставки, и объект.Вам необходимо применить wmode для встраивания.

http://jsfiddle.net/zCDVx/2/

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

Answer 2

Вам нужен wmode как параметр объекта и как часть встраивания, чтобы работать во всех браузерах.

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

Обратите внимание на 2-ю до последней строки.

Смотрите его здесь .