如果你去我的网站：
http://www.crookedfoothuntclub...
在移动设备上，您将在此处播放视频。我已经在更大的屏幕尺寸上将可见性设置为false，我希望这不仅可以隐藏视频，还可以防止它一起加载，从而节省了最终用户的带宽和加载时间。 （请记住我想要完成的主要目标。）
作为一个止损，我试图通过添加一些自定义JS来至少阻止视频的自动播放。
我的主页上的视频的类名是：
home-video
这是我正在尝试使用的脚本：
<script>
if($(window).width() >= 786){
var vid = document.getElementsByClassName("home-video");
vid.autoplay = false;
vid.load();
}
</script>
目前我正在寻找的效果并没有发生，我需要一些帮助才能让它发挥作用。 如果你知道一个更好的方法来实现我所要求的效果，请考虑我对纠正当前情况的方法持开放态度。
提前感谢您的帮助。