hls.js play backward and forward by currentTime - hlsl

Question

I play the video by currentTime property forward, but sometimes the video stop and for few second, the video jump forward. You can see the seeked function below.
How do I use currentTime property to play instead of play() function. Here is a demo below.
<video id="video" controls></video>
<button id="test">Play</button>
video {
width: 600px;
height: 300px;
}
var video = document.getElementById('video')
var hls = new Hls({
// debug: true
})
hls.loadSource('https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8')
hls.attachMedia(video)
video.pause()
var testBtn = document.getElementById('test')
var timer = null
let index = 0;
video.addEventListener('seeked', () => {
console.log('seeked', index++); // something it stop and run, this is abnormal
})
testBtn.addEventListener('click', () => {
clearInterval(timer)
// seek to 00:00
video.currentTime = 0
// play forwards
timer = setInterval(() => {
video.currentTime += 0.05
}, 50)
})
demo