<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

В начале курса у нас будет только идея, а в конце готовый продукт, который можно использовать в практических целях.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Свойство z-index и плеер youtube

Свойство z-index и плеер youtube

В этой небольшой статье я расскажу об одной особенности плеера youtube, с которой мне пришлось не так давно столкнуться. В мою задачу входило сделать всплывающее окно с помощью блока div, и оно должно быть, разумеется, поверх всего контента. Я поставил нужный z-index на окно, и оно стало поверх всего, за исключением плеера youtube.

Оказалось, что по умолчанию плеер youtube игнорирует свойство z-index у любых блоков, и данный плеер всегда поверх всего. Решается данная проблема очень просто. Надо всего лишь добавить ещё один параметр внутрь тега object, делается это с помощью обычного тега param:

<param name="wmode" value="opaque" />

Если же у Вас плеер вставляется через iframe, то тогда нужно написать так:

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/111?wmode=transparent" frameborder="0" wmode="opaque">

То есть опять же добавить параметр wmode="opaque".

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

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (6):

lev_100rus lev_100rus 13.09.2013 13:41:26

А почему он по-умолчанию не учитывает? И почему именно этот параметр надо писать? Что он делает? Можно по-подробнее. Просто интересен сам принцип работы

Ответить

Admin Admin 13.09.2013 18:19:44

z-index управляет порядком наложения элементов друг на друга. Поставите на картинку -1, она будет вести себя как фон для других элементов.

Ответить

kva191098 kva191098 13.09.2013 21:11:15

Вы можете написать как бы целый раздел про кросбраузерность ? У меня постоянно на каждом сайте есть проблема. И мне хотелось быстро и находчиво их исправлять так как делаете это вы.

Ответить

lev_100rus lev_100rus 13.09.2013 23:14:31

Тут без практики не обойтись. Купите платный курс по вёрстке сайтов у Михаила, а потом практикуйтесь и ещё раз практикуйтесь.

Ответить

pashara pashara 03.10.2013 20:02:46

А можно еще к ссылке к ролику добавить ?wmode=transparent.\n \r\n .А wmode="opaque" у мну не работало

Ответить

mxo mxo 21.03.2014 19:09:59

как поступить с jquery плагинами lightbox, там в iframe этот код не помог. спасибо!

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.