/ Ваше разрешение экрана: 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) PCRec

Уже давно существуют и успешно применяются различными структурами методы "чтения" человека на основе всего лишь профиля в соц.сетях. Хотим мы этого или нет, но по сути соц. страничка - автопортрет ...

Видеосъемка и монтаж на смартфон (2019) PCRec

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

Худеем со спортом + Бонус (2018) CAMRip

Это Курс для тех,кто хочет похудеть максимально эффективно и кто уже разбирается в основах правильного питания.
Реклама Партнеров
Поддержите проект
Статистика

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