Latest web development tutorials
×

CSS курс

CSS курс CSS Краткое введение CSS грамматика CSS Id и Class селектор CSS создать CSS фон(background) CSS текст(text) CSS шрифты(Fonts) CSS ссылка(link) CSS стили списка(ul) CSS таблица(table) CSS Box модель CSS рамка(border) CSS контур(outline) CSS маржа(margin) CSS начинка(padding) CSS Группировка и вложенность CSS размер(Dimension) CSS дисплей(display) CSS разместить(position) CSS терка(float) CSS выравнивать(align) CSS Сочетание селекторов CSS Псевдо-классы CSS Псевдо-элемент CSS Панель навигации CSS Выпадающее меню CSS Галерея изображений CSS Прозрачное изображение/непрозрачный CSS технологии мозаики изображения CSS Тип носителя CSS селекторы атрибутов CSS резюме CSS примеров

CSS3 курс

CSS3 курс CSS3 Краткое введение CSS3 рамка(border) CSS3 фон CSS3 постепенное изменение CSS3 Текстовые эффекты CSS3 шрифты CSS3 2D изменение CSS3 3D изменение CSS3 переход CSS3 анимация CSS3 Multi-колонки CSS3 Пользовательский интерфейс

CSS Адаптивный дизайн

Viewport Grid View Медиа-запросы изображение видео(video) рамка

CSS справочное руководство

CSS справочное руководство CSS селектор CSS Речь Ссылка CSS Web Безопасные шрифты CSS анимация CSS блок CSS цвет CSS значения цвета CSS название цвета CSS шестнадцатеричный цвет

Адаптивный веб-дизайн - Видео (Видео)

Используйте атрибут ширины

Если ширина атрибута устанавливается на 100%, видеоплеер будет автоматически регулироваться в пропорции к размеру экрана:

примеров

видео {
ширина: 100%;
высота: авто;
}

Попробуйте »

Следует отметить, что в приведенном выше примере, видеопроигрыватель автоматически регулируется в пропорции к размеру экрана и может быть больше, чем первоначальный размер. Чаще мы можем использовать вместо максимальную ширину свойства.


Использование Max-свойство ширины

Если максимальная ширина свойство устанавливается на 100%, видеопроигрыватель не будет автоматически регулироваться в пропорции к экрану, но не более своего первоначального размера:

примеров

видео {
макс-ширина: 100%;
высота: авто;
}

Попробуйте »

Добавление видео страницы

Мы можем добавить видео на веб-странице. Следующие примеры и видео автоматически регулируется в зависимости от региона занимает весь размер DIV площадь DIV:

примеров

видео {
ширина: 100%;
высота: авто;
}

Попробуйте »