Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Echo.js延迟加载视频(mp4)?_Javascript_Video_Lazy Loading - Fatal编程技术网

Javascript 如何使用Echo.js延迟加载视频(mp4)?

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"

我很难理解为什么视频(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" 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)