Используя свойство ширины
Если width свойство установлено на 100%, видеоплеер будет реагировать и масштабирование вверх и вниз:
Обратите внимание на то, что в приведенном выше примере, видеопроигрыватель может быть расширен, чтобы быть больше, чем его первоначального размера. Лучшее решение, во многих случаях будет использовать max-width свойство вместо этого.
Использование Макс-свойство ширины
Если max-width свойство устанавливается на 100%, видеоплеер будет масштабироваться вниз , если он должен, но никогда не масштабироваться до быть больше своего первоначального размера:
Добавить видео в примере веб-страницы
Мы хотим, чтобы добавить видео в нашем примере веб-страницы. Видео будет изменен, чтобы всегда занимают все доступное пространство: