07.12.2010 Web сайты

В продолжение темы про меню столкнулся с еще одной проблемой. Сразу под менюшкой у меня на страницу нужно было вставить видео с YouTube. В FireFox проблем с этим не возникло. Видео вставилось и менюшка поверх видео разворачивалась как ей и положено. А вот в IE выпадающее меню пряталось за видео.

С начала пытался решить вопрос при помощи z-index, обернув вставку видео в дополнительный DIV. Но результата это не дало. Пошел рыскать по интернету и наковырял вот что. Оказывается у этого объекта object z-index выше некуда, поэтому его так не перекрыть. Но если добавить к нему дополнительный параметр wmode, то перекрытие становится возможным. Единственное, что хотелось бы отметить, дак это то, что если внутри object встречается еще и embed, то параметр необходимо установить и для того и для другого объекта. Я по-началу ставил только для object и у меня не работало. Поэтому примерный код вставки видео с YouTube будет выглядеть так:

<object wmode="opaque" style="height: 390px; width: 640px">
  <param name="wmode" value="opaque">
  <param name="movie" value="http://www.youtube.com/v/QKEQbclJ4xM?version=3">
  <param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always">
  <embed wmode="opaque" src="http://www.youtube.com/v/QKEQbclJ4xM?version=3"
type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
</object>

Комментарии

Выберите нужный метод показа комментариев и нажмите "Сохранить установки".
Опубликовано: Пт, 24/12/2010 - 08:09 — Гость (не проверено)

Помогла статья

Опубликовано: Пнд, 14/11/2011 - 23:37 — Таня (не проверено)

Большое Вам спасибо! Очень помогли:)

Опубликовано: Втр, 15/11/2011 - 23:04 — czeszyrski (не проверено)

Спасибо, работает. У меня видео перекрывало javascript lightbox.

Опубликовано: Вс, 27/11/2011 - 19:13 — Димтрий Собко (не проверено)

Огромное спасибо, помогло решить проблему))

Опубликовано: Чт, 01/03/2012 - 16:06 — Гость (не проверено)

Спасибо! Все работает!!!

Опубликовано: Сб, 17/03/2012 - 21:37 — Гость (не проверено)

Вы гениальны! Низкий поклон и огромное спасибо! Неделю убивался, мучался. Тот же z-index пробовал, всё пробовал... спасибо вам!

Опубликовано: Пт, 07/12/2012 - 16:07 — Гость (не проверено)

Спасибо большое, искал много вариантов, Ваш подошел!

Отправить комментарий

Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступны HTML теги: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <1c7>, <drupal5>, <drupal6>, <javascript>, <php>. Beside the tag style "<foo>" it is also possible to use "[foo]".