javascript - 根据屏幕尺寸下载网站的视频文件？

Question

当桌面用户访问网页时，我的网站当前会在横幅中加载视频。目前视频是隐藏的，但如果用户使用移动设备，仍会下载。如果屏幕尺寸低于一定数量，我想阻止视频下载。我不确定该怎么做，我知道 display:none 可以与 CSS 一起使用，但这仍然会下载文件，如果视频不存在，我宁愿不这样做根本不会显示。

Answer 1

如果 jQuery 没问题，您可以尝试以下方法:

$(function(){
    if($(window).width()>640){ //add video only if screen width is above 640px
        $("body").append(yourVideoHere);
    }
});