Как перекрыть flash (swf видео) или youtube-видео1 min read

Бывают такие ситуации, когда блок с абсолютным позиционированием залезает под flash контент (видео, баннер и др.). Такая же проблема может возникнуть и с YouTube-видео вставленным на страницы сайта. Как это исправить?

Как перекрыть Flash

Для добавления возможности перекрытия flash, нужно добавить параметр, который позволит перекрыть флеш другим div-слоем:
<param name="wmode" value="opaque" />, а также необходимо назначить wmode="opaque" тегу embed.
Весь html код будет выглядеть следующим образом:

[codesyntax lang=”html4strict”]

<object>
<param name="movie" value="flash.swf" />
<param name="wmode" value="opaque" />
<embed src="flash.swf" wmode="opaque" width="200" height="300" type="application/x-shockwave-flash" />
</object>

[/codesyntax]

Нужный слой поверх YouTube-видео

Если взять обычный iframe код c YouTube, и разместить его на сайте, то в местах где используются слои, этот код видео ролика будет выше. Но, это можно исправить используя следующий код:

[codesyntax lang=”html4strict”]

<object>
<embed src="https://www.youtube.com/v/3sMNqEDSdes&hl=ru_RU&fs=1" loop="true" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="400" height="300" allowfullscreen="true">
</object>

[/codesyntax]

Всё, что нужно сделать, это прописать свой путь в атрибут src. При необходимости можно поменять ширину и высоту, изменяя параметры width="400" и height="300"