NODEJS E HTML

Olá. comecei a estudar NODE e estou com um problema
estou executando esse codigo e o mesmo não esta executando o javascript
estou usando o "http-server -c-1"

<video id="meuVideo" width="800" height="450" controls controlsList="nodowload">
<source src="http://files.cod3r.com.br/curso-web/video.mp4" type="video/mp4">
Seu browser não suporta a TAG video
</video>

<div wm-progresso="meuVideo" class="progresso">
<div>

</div>
</div>

<div>
<button wm-play="meuVideo">Play</button>
<button wm-pause="meuVideo">Pause</button>
</div>

<style>
.progresso{
height: 20px;
width: 500px;
border: solid 1px #444;
margin: 20px
}

.progresso > div {
background-color: red;
color: #fff;
height: 0%;
text-align: right;
font-size: 14px;
}

</style>

<script>
function configurarVideo(id){
const video = document.getElementById(id)
video.oncontextmenu = () => false

document.querySelector(`[wm-play=$]`).onclick = e => video.play()
document.querySelector(`[wm-pause=$]`).onclick = e => video.pause()

setInterval(() => {
const percentual = (video.currentTime / video.duration) * 100
const valorDiv = document.querySelector(`[wm-progresso=$] > div`)
valorDiv.style.width = `$`
valorDiv.innerHTML = `${percentual.toFixed}%`

})

}

configurarVideo('meuVideo')

</script>