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

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;和桌面的 if 条件下使其vid.autoplay = true;。

谢谢