<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

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

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

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

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

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

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

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