Пример вставки видеоролика с Youtube

Код для вставки

При этом класс videoWrapper описан так:

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

позволяет видеть картинку во весь экран при любом разрешении устройства.

Подробнее в «… Ёжик резиновый с дырочкой в правом боку» или адаптивный дизайн видео

Print Friendly, PDF & Email

Ваш комментарий будет первым

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Как так? *