<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

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

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

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

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