/ Ваше резрешение экрана: px / Ваш Ip адрес: {ip}

Shop Scripts

Модальный блок видео на CSS3

14-12-2018, 15:15
Пример организации просмотра видео YouTube в модальном блоке средствами CSS3, без jаvascript и дополнительных изображений в оформлении.
За основу взято модальное окно на чистом CSS, доработаны кнопка закрытия, эффект появления и фоновая заливка.
Для резинового макета модального блока используется ширина в %. Видео помещено во встроенный div-контейнер, с параметрами, обеспечивающими гарантированную адаптивность видеоплеера вставляемого через iframeobject, или embed.
При клике по кнопке с id="stop" будет вызвана функция player.stopVideo (), окно закроется и воспроизведение видео остановится.


Нашли ошибку?
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Рекомендуем Вам зарегистрироваться или войти на сайт под своим логином, чтобы полноправно пользоваться сайтом и иметь доступ ко всем материалам.

Важно: если не отображается страница новости или ее часть просьба отключить блокировщик рекламы. Проблема может возникать из-за того что скрипт сайта реагирует на программы подобного типа.
Также Вы можете сообщить о проблеме или ошибке и ознакомиться с ответами пользователей.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Введите два слова, показанных на изображении: *
Это интересно
Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств
Новости Портала

Как создать бренд одежды? (2019) CAMRip

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

SketchUp для интерьера (2018) PCRec

SketchUp – простом, быстром и популярном инструменте для моделирования и воплощения идей в области архитектуры и дизайна, который позволяет создавать интерьеры любой сложности.

Python для чайников. 2-е издание (2019) PDF

Благодаря пошаговым инструкциям, приведенным в книге, вы сможете в краткие сроки освоить основы языка. Работая в среде Jupyter Notebook, вы будете применять принципы грамотного программирования для ...
Реклама Партнеров
Поддержите проект
Статистика

 
Скрипт социальных кнопок