Автоматическое масштабирование видео на веб странице

Недавно мне понадобилось делать так, чтобы в зависимости от размера окна браузера видео, расположенное на странице автоматически подстраивалось под размер окна. Нужна вся эта чехарда для того, чтобы видео на странице вмещалось в рамки браузера как на мобильных устройствах, так и в браузерах на ПК...

1. В промежутке тега <head> пихаем Jquery:

    <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    </head>

Всё бывает в первый раз или мои впечталения от Javascript

Никогда на Javascript ничего не писал, но как обычно бывает - надо. В общем для одной фирмы понадобилось на их сайте разместить калькулятор. Вроде ничего сложного - взял значения из текстовых полей и произвёл вычисления по определенной формуле, заодно выполнив валидацию на наличие каких либо данных в этих текстовых полях. Легкотня подумал я... Сначала я полез в интернет за готовыми примерами и как таково поиску описаний определённых функций. В итоге я потратил порядка полтора часа на написание этого калькулятора... Самое смешное что меня затормозило, так это то, что я расслабился за всякими там php и подобными языками и совсем забыл про то, что типы переменных необходимо предопределять... Иначе говоря при моих жалких попытках сложить 2 значения переменных у меня в качестве результата получался итог операции конкатенации замесь сложения. А ещё я подумал о том, на сколько коряво обозваны функции. В итоге я получил порцию негатива несмотря на положительный результат. Никогда процесс созидания не доставлял мне подобных негативных ощущений.