Javascript 有没有办法阻止在最小宽度屏幕中加载内容

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

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

它们执行与CSS标记相同的工作：显示无。

---

javascript中是否有任何方法阻止在后台加载内容？

添加将使所选div的html为空的吼叫代码

if(window.innerWidth <  768 )//screen.width < 768 
  {
   $("#videoClass").html("");
  }

if（window.innerWidth<768）//screen.width<768
{
$（“#videoClass”）.html（“”）；
}

您可以使用：

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

if（屏幕宽度<768）{
$（“#videoClass”）.empty（）；
}
我认为解决这个问题的bist方法就像Laxmikant Dange和VanderVidi所说的那样，
所有这些Javascript和jQuery都很好，并且可以正常工作，但问题在于如何加载视频。。
我使用此代码仅在宽度>768的屏幕上下载内容

<video id="videoClass">
<!-- removed the content from here -->
</video>
<script>
$(document).ready(function() {
if (screen.width > 768){
var showElement = document.getElementById("videoClass");
//pasted the content here:
showElement.innerHTML = '<source src="video.mp4" type="video/mp4">';
}
});
</script>


$（文档）.ready（函数（）{
如果（屏幕宽度>768）{
var showElement=document.getElementById（“videoClass”）；
//将内容粘贴到此处：
showElement.innerHTML=''；
}
});

这就解决了问题，内容现在只能在更大的屏幕上加载。。
非常感谢您的帮助。
这取决于您加载视频的方式，请在加载视频之前添加条件。阅读后，我会做一个if声明，检查该网站是否从手机观看。然后，相应地注入视频代码。
<video id="videoClass">
<!-- removed the content from here -->
</video>
<script>
$(document).ready(function() {
if (screen.width > 768){
var showElement = document.getElementById("videoClass");
//pasted the content here:
showElement.innerHTML = '<source src="video.mp4" type="video/mp4">';
}
});
</script>