视频进度条不能快进也不能拉近

Question

<video controls="false"  muted="muted" id="video1" name="media" style="width:470px; height: 260px;">
                                <source src="img/NBA/video1.mp4" type="video/mp4">
                            

这个位置的src我写的内部位置问题也在这里由于我写的是内部位置导致我的进度条不能拉进一拉进就会回到起点求解源代码如下:

<li class="panda_video">
                        <div id="videoBtn" style="max-width:470px;">
                            <video controls="false"  muted="muted" id="video1" name="media" style="width:470px; height: 260px;">
                                <source src="img/NBA/video1.mp4" type="video/mp4">
                            </video>
                        </div>
                        <script>
                            var myVideo = document.getElementById("video1");
                            var videoBtn = document.getElementById("videoBtn");
                            myVideo.loop = true
                            videoBtn.onmousemove = function () {
                                myVideo.play();
                            }
                            function getVideoTime() {
                                if (document.getElementById('video1')) {
                                    let videoPlayer = document.getElementById('video1');
                                    videoPlayer.addEventListener('timeupdate', function () {
                                        console.log(`当前的时间点是${videoPlayer.currentTime},视频长度是${videoPlayer.duration}`);
                                        if (videoPlayer.currentTime > 600) {
                                            myVideo.pause();
                                            videoPlayer.currentTime = 0
                                        }
                                    }, true)
                                }
                            }
                            getVideoTime();
                    </script>
                    </li>

Answer 1

那视频可以播放吗