Stepanya

не надо бизнес логику перекладывать на отображение

Перепишите без использования setInterval.
Это вообще выносит в onResize

if($(window).width() <= 415){
if($(window).scrollTop() == 0){
if($('.bot').hasClass('hide')){
$('.bot').removeClass('hide');
}
if($('#main__background').hasClass('up')){
$('#main__background').removeClass('up');
}
}
else if($(window).scrollTop() != 60){
$('.bot').addClass('hide');
$('#header').addClass('up');
$('#main__background').addClass('up');
}

Начните использовать формы для форм

https://jsfiddle.net/hko2y1z4/2/

У вас там много ошибок, прочитайте https://vuejs.org/v2/guide/

Гляньте

Я тоже не нахожу id, может дело в том, что их нет?

document.referrer

могу предположить, что у вас висит слушатель на этом дом элементе, который на scroll делает preventDefault

Поможет ответить

Они наверное у вас в одной папке и у этой папки сбросились права доступа

Вроде как стандарт html5 никак не позволяет непропорционально растягивать видео.
Поэтому вам надо сконвертировать 3 видео для нужных вам разрешений и отдавать их пользователю в зависимости от его разрешения

Используйте маску css.yoksel.ru/css-and-svg-masks

Учитывая свой опыт я могу предположить, что это возможно

У вас какой-то изврат!

Вы вполне можете использовать два-три css файла, если они достаточно толстые

<link rel="stylesheet" href="/css/vendor.css"> // size +100500kb
<link rel="stylesheet" href="/css/init.css"> // size 5kb
<link rel="stylesheet" href="/css/main.css"> // size 500kb

Как-то так наверное
https://jsfiddle.net/tu4t9ctk/2/

С нулевой шириной работает неправильно

https://www.elastic.co/products/kibana