在javascript或jquery中延迟加载视频，无需任何插件

我尝试用jquery延迟加载视频。我对图像和背景图像使用了相同的延迟加载技术，效果非常好，但当我在视频中使用相同的技术时，效果不好。我现在所做的

• 将源src属性更改为数据src属性
• dom就绪后，将数据src属性更改为具有相同值的src

这是我的密码

HTML

---

检查这是否适合你

var video_url=$（“视频源”）.attr（“数据src”）；
警报（'窗口已加载'）
$（窗口）.on（'load'，function（）{
$（“来源”）.attr（“src”，视频url）；
});
.video节{宽度：450px；高度：300px；边框：1px纯红}
.video节视频{宽度：100%；高度：100%}

您的浏览器不支持视频标记。
未收到任何错误，但视频未播放。甚至都没有上膛。

<div class="video-section">
            <video muted loop autoplay preload="auto">
            <source data-src="hello.mp4" type="video/mp4">
            </video>
        </div>



let video_url=$("video source").attr("data-src");
$("video source").attr("src",video_url);