<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

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

Подписавшись по 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 все равно находится выше всплывающего окна.
Профиль Ответить