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

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

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

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

<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>

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

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

<object>
<embed src="http://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>

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

Павел Тютюников

Автор: 

    Я в социальных сетях
  • googleplus
  • facebook
  • Диман

    Спасибо за совет..пригодилось, баннер за видео заходил.

  • Сергей

    Спасибо большое, коротко и ясно все написано.