Javascript 如何使用Echo.js延迟加载视频(mp4)?
我很难理解为什么视频(mp4)没有出现 HTML标记看起来像Javascript 如何使用Echo.js延迟加载视频(mp4)?,javascript,video,lazy-loading,Javascript,Video,Lazy Loading,我很难理解为什么视频(mp4)没有出现 HTML标记看起来像 <video muted="" loop="" autoplay="autoplay" poster="" width="380" height="718" > <source data-echo="path/video.mp4" type="video/mp4"/> </video> <video muted="" loop="" autoplay="autoplay"
<video muted="" loop="" autoplay="autoplay" poster="" width="380" height="718" >
<source data-echo="path/video.mp4" type="video/mp4"/>
</video>
<video muted="" loop="" autoplay="autoplay" poster="" width="380" height="718">
<source data-echo="path/video.mp4" type="video/mp4" src="path/video.mp4">
</video>
在浏览器中,DOM看起来像
<video muted="" loop="" autoplay="autoplay" poster="" width="380" height="718" >
<source data-echo="path/video.mp4" type="video/mp4"/>
</video>
<video muted="" loop="" autoplay="autoplay" poster="" width="380" height="718">
<source data-echo="path/video.mp4" type="video/mp4" src="path/video.mp4">
</video>
Echo.js似乎按预期工作,但视频不会出现。我错过了什么
下面是一个示例。在一些帮助下,我将echo.js与Suave.js结合起来
window.Echo=(函数(窗口,文档,未定义){
"严格使用",;
变量存储=[]、偏移、节流、轮询;
var_inView=函数(el){
var coords=el.getBoundingClientRect();
返回((coords.top>=0&&coords.left>=0&&coords.top)