JQuery + HTML 背景视频调整大小

Question

Jquery 非常新手。 我的网站有一个背景视频，但它只有在屏幕大于 1024 时才会打开。有一些 Jquery 用于它。 我在这里上传了完整的 Jquery 和 html 部分https://codepen.io/griffinsonic/pen/xxRWVev虽然它的 JS 格式混乱，

if(jQuery(window).width()>1024)

现在在网站上，如果您正常加载页面，然后将 go 放入开发工具并更改为移动设备，视频看起来完全正常。 它完美地调整大小。 但是，如果您首先将页面加载为 web 浏览器，则它只会加载视频的海报。

当我将 1024 更改为其他内容（例如 100）时，它会失去正确调整大小的能力，并且只能以原始大小和海报背景播放。

无论屏幕大小如何，我都需要它来播放视频，但是......大小正确。 就像你在大屏幕上加载它然后改变它一样。

您可以在此处查看网站www.coastal-films.com

任何帮助表示赞赏。