延迟加载在safari和firefox中显示空白页面，直到完全加载
延迟加载在safari和firefox中显示空白页面，直到完全加载
提问于 2018-08-01 06:39:44
我有一个有很多医学视频的页面，这些视频是通过javascript输入网站的，这导致网站变得非常慢。我正在使用blazy.js来添加延迟加载到视频中，它在chrome中工作，但在safari和火狐中，它只显示一个空白页面，直到所有内容都加载完毕。
编辑:1这是视频的加载方式
<div id="A_b9c76c75" ></div>
<script type="text/javascript"
src="https://viewmedica.com/js/vm.js"></script>
<script type="text/javascript" >client = "1202";
openthis = "A_b9c76c75";
width = 720;
vm_open()</script>编辑结束1
我试着切换到lazyload.js版本8(版本10不支持safari和火狐)，但同样的事情正在发生。
lazyload.js版本：
<!--lazy loading-->
<script>
(function(w, d){
var b = d.getElementsByTagName('body')[0];
var s = d.createElement("script"); s.async = true;
var v = !("IntersectionObserver" in w) ? "8.11.0" : "10.11.1";
s.src = "https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/" + v + "/lazyload.min.js";
w.lazyLoadOptions = {}; // Your options here. See "recipes" for more information about async.
b.appendChild(s);
}(window, document));
</script>
<script>
var myLazyLoad = new LazyLoad({
elements_selector: ".lazy"
});
</script>然后我将"lazy“类添加到所有iframe中。
blazy.js版本：
新增cdn：
https://cdn.jsdelivr.net/npm/blazy@1.8.2/blazy.min.js
然后将类"b-lazy“添加到所有iframe中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51623078
复制相关文章
相似问题