在移动设备上停止视频自动播放

Question

如果你访问我的网站：

http://www.crookedfoothuntclub...

在移动设备上，您将在后台播放视频。我在更大的屏幕尺寸上将可见性设置为 false，我希望这不仅可以隐藏视频，还可以防止视频一起加载，从而节省最终用户的带宽和加载时间。 （请记住我想要实现的主要目标）。

作为权宜之计，我尝试通过添加一些自定义 JS 来至少阻止视频的自动播放。

我主页上视频的类名是：

home-video

这是我尝试使用的脚本：

<script>
if($(window).width() >= 786){
    var vid = document.getElementsByClassName("home-video");
    vid.autoplay = false;
    vid.load();
}
</script>

目前我想要的效果没有发生，我需要一些帮助才能让它发挥作用。 如果您知道实现我所询问的效果的更好方法，请考虑我对纠正当前情况的方法持开放态度。

提前感谢您的帮助。

Answer 1

使用Detectizr 满足您的要求，如果移动设备使用vid.autoplay = false;，桌面使用vid.autoplay = true;。

谢谢