Javascript 加载带有视频的网站屏幕（等待视频满负荷）

我在我的网站上放了一个html5视频，大约有28MB

我还需要在网站显示前加载屏幕。我把div和类“

se pre-con

”以及用于该类的css包括在内

以下是此操作的代码：

jQuery（窗口）.load（函数（）{
//在屏幕外设置加载程序动画
jQuery（“.se pre con”）.fadeOut（“slow”）；；
});
.no js#loader{
显示：无；
}
.js#loader{
显示：块；
位置：绝对位置；
左：100px；
排名：0；
}
.se预检{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（../images/ajax loader.gif）中心不重复#fff；
}

很抱歉，您的浏览器不支持视频元素

您可以监听要触发的canplaythrough事件。但要从加载事件中删除淡出。这和整个视频加载的不完全一样，但这是我能想到的最接近atm的

var video = document.querySelector('#v0');
video.addEventListener('canplaythrough', function () {
        // Add code to fade out the loading screen.
});

不是马上。您可以尝试将预加载设置为元数据，而不是自动，或者尝试检查readystate，但我还没有遇到这种情况。我刚刚意识到，这很好。我想在我把东西藏起来之前。但在safari中，加载图标从未消失。我现在把它从页面上删除了。你知道为什么它不会在萨拉菲消失吗？