Javascript .currentTime JS属性存在问题_Javascript

Javascript .currentTime JS属性存在问题

javascript

Javascript .currentTime JS属性存在问题,javascript,Javascript,我对.currentTime属性有一个问题，问题是我希望视频能够在滚动中平稳播放。问题是它正在工作，但只有当我滚动到另一个窗口并返回窗口时，它才会工作这是我的密码提前感谢：）那么问题出在哪里呢？问题是当我滚动时，动画不是实时的，而是当我转到另一个窗口并返回到该窗口时。我想要这样的东西（第一部动画） <!DOCTYPE html> <html lang="en"> <head> <meta charset="

我对.currentTime属性有一个问题，问题是我希望视频能够在滚动中平稳播放。问题是它正在工作，但只有当我滚动到另一个窗口并返回窗口时，它才会工作

这是我的密码

提前感谢：）

那么问题出在哪里呢？问题是当我滚动时，动画不是实时的，而是当我转到另一个窗口并返回到该窗口时。我想要这样的东西（第一部动画）

 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <video id="video" muted paused controls>
        <source src="index_video_sd.mp4" type="video/mp4">
    </video>

</body>

<script>
    let vid = document.getElementById('video');
    setInterval(function() {
        vid.currentTime = window.pageYOffset / 1000;
        console.log(vid.currentTime);
        console.log(window.pageYOffset / 1000);
    })
</script>

</html>

video {
    position: fixed;
    top: 0;
    left: 0;
}

body {
    min-height: 10000px;
}