javascript - 有没有办法阻止在最小宽度屏幕上加载内容

Question

我正在制作一个响应式网站并且我的第一个屏幕有一个视频背景，我想在移动设备上隐藏视频以使网站加载速度更快。确定显示:无；不会禁止下载内容.. 我尝试了这两个 javascript 来禁止内容在较小的屏幕上加载内容，但它仍然在后台加载:

if (screen.width < 768){
var removeelement = document.getElementById("videoClass");
removeelement.innerHTML = "";
}

或者:

$("#videoClass").remove();

它们对 CSS 标签做同样的工作:display-none。 javascript 中有什么方法可以防止内容在后台加载内容吗？

Answer 1

你可以使用:

if (screen.width < 768){
    $("#videoClass").empty();
}