<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

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

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

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

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

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

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

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

Форум сайта MyRusakov.ru

видео с youtube
04.11.2013 17:57:05 видео с youtube Сообщение #1
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Здравствуйте, Михаил!
На странице стоит скрипт highslide.js - для увеличения фото по щелчку, при этом весь экран закрывается полупрозрачным фоном.
Возникла проблема с видеороликом вставленным с youtube. Например,
<iframe width="560" height="315" src="//www.youtube.com/embed/-GKtTobQ0ls" frameborder="0"></iframe>

Когда щелкаем по фото, то оно увеличивается, однако видеоролик вылезает над полупрозрачным фоном, при этом все элементы страницы под полупрозрачным фоном.
Поискал решение в интернете - нашел такой совет - после URL надо добавить &wmode=opaque
Получается
src="http://www.youtube.com/embed/-GKtTobQ0ls&wmode=opaque"
Но почему-то у меня это не работает, видеоролик по-прежнему вылезает над полупрозрачным фоном.
Не подскажите, как видео надо убрать под полупрозрачный фон?

Проверил в разных браузерах - эта проблема в Mozilla и Safari
Профиль Ответить
04.11.2013 21:53:21 видео с youtube Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

http://myrusakov.ru/css-z-index-youtube.html
Профиль Ответить
04.11.2013 23:40:07 видео с youtube Сообщение #3
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Михаил! Не могли бы Вы подсказать, почему у меня не работает (применил Ваш совет).

В HTML-коде ставлю
<iframe width="420" height="315" src="http://www.youtube.com/embed/r3VpG9I4xPo" frameborder="0" wmode="opaque"></iframe>

Потом создаю окно, поверх всего содержимого страницы.
<div id="up">
</div>

<style text/css>
#up {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(255,0,0,0.5);
z-index: 999;
}
</style>

В браузере Mozilla и Safari плеер с youtube все равно находится выше всплывающего окна.
Профиль Ответить