Youku iframe не подчиняется z-index

Question

У меня есть iframe, содержащий встроенное видео Youku, и оно не подчиняется z-index, установленному в IE, и идет поверх всего. С помощью видео YouTube я смог это исправить, установив wmode параметр для transparent или же opaque, но делать то же самое с видео Youku не работает.

<iframe width="720" height="405" src="http://player.youku.com/embed/[VIDEOCODE]?rel=0&wmode=opaque" frameborder=0 allowfullscreen></iframe>

Есть идеи как это исправить?

Answer 1

Я столкнулся с той же проблемой с плагином fancybox, который я установил на страницах с видео YouTube и Youku. Для Youtube видео вы можете сделать ?wmode=opaque или же &wmode=opaque в конце ссылки src видео. Вы используете &wmode=opaque когда? (он же параметр запроса) уже использовался в URL-адресе src.

Youku, видимо, не делает этого. Но настоящая проблема заключается в том, что оба эти видео являются плагинами на основе Flash. Flash плохо работает с вашим z-индексом и иногда требует, чтобы вы вернули его на место. Поэтому приведенное ниже решение должно работать для любого плагина на основе флэш, а не только для видео Youku:

вставить <param name="wmode" value="transparent"> до вашего встраивания (я знаю, что вы взяли код iframe у Youku, но если вы присмотритесь, у них есть HTML-дружественный код, который использует встраивание) и в код для встраивания, вставьте wmode="transparent" до> вашего открытия вставки.

<div> <param name="wmode" value="transparent"> <embed src="http://player.youku.com/player.php/sid/XNzQxMjA3ODg0/v.swf" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" wmode="transparent"></embed> </div>

Я проверял это в IE8 и выше. Работает красиво.