7 декабря 2018г.
Обучение html и css с нуля бесплатный курс адаптивный дизайн урок онлайн добавляем видео на веб-страницу
Если свойство width установлено на 100%, то видеоплеер будет реагировать и масштабирование происходит вверх и вниз:
video {
width: 100%;
height: auto;
}
Обратите внимание на то, что в приведенном выше примере проигрыватель видео может расширяться чтобы быть больше, чем его первоначальный размер. Лучшее решение, в адаптивном дизайне использовать свойство max-width для добавления видео на веб-страницы.
Если свойство max-width установлено на 100%, то видео будет масштабироваться вниз, если это необходимо, но никогда не будет масштабироваться или быть больше своего первоначального размера:
video {
max-width: 100%;
height: auto;
}
Переходите в следующий урок, там вас ожидает еще кое-что интересное.
Учебник адаптивный веб-дизайн скачать полностью, с его помощью Вы уже буквально через несколько часов сможете создать одностраничный сайт на подвижной сетке, любой тематики.
Готовые шаблоны html легкий способ сделать сайт самому. Помогу разработать сайт под ключ вплоть до загрузки на хостинг. Адаптивная верстка для смартфонов и планшетов. В галерее готовых сайтов можно выбрать и купить шаблон html недорого.
