如何使用 javascript 检测 gif 何时播放过一次？

Question

我想知道是否可以使用 javascript 检测 gif 何时到达其循环点，以模拟 Flash 内容的预加载器 目前，我有一个脚本来检测视频何时加载，每隔几帧运行一次（取自here）。我想知道是否有办法在每次 gif 结束时运行它？如果可能的话，我宁愿不使用超时，因为想要重用代码。

现在，视频加载完成后会自动播放，无论 gif 在哪里

当前的 JavaScript：

 const videoElement = document.getElementById('video');
 const preloader = document.getElementById('preloader');

 videoElement.addEventListener('loadeddata', (e) => {
 //Video should now be loaded but we can add a second check

 if(videoElement.readyState >= 3){
     console.log("video's done loading");
     preloader.style.display = 'none'
 }

 });

示例

Answer 1

const videoElement = document.getElementById('video'); const preloader = document.getElementById('preloader');

videoElement.addEventListener('loadeddata', (e) => { // 现在应该加载视频，但让我们添加第二个检查

if (videoElement.readyState === 4) {
    console.log("Video has finished loading");
    preloader.style.display = 'none';
}

}）； 试试这个代码..