유휴 상태에서 재생중인 비디오 위로 마우스를 가져갈 때 커서를 숨기는 방법은 무엇입니까?

문제 해결에 적용 할 수있는 응답 유형을 여기와 다른 곳에서 찾아 봤지만 내가 얻는 것은 CSS 뿐이며 "사용자 경험이 나쁘지 않습니다."커서를 숨기고 싶지 않습니다. 요소를 넘어서거나 사람들의 경험에 놀란 즉시.

비디오 재생 (예 : YouTube)에서 마우스가 유휴 상태 (일정 시간 동안) 인 경우 커서가 일시적 으로 사라지고 사용자가 마우스를 움직이면 * 다시 돌아 오는 경우 더 나은 환경을 만들고 싶습니다 .

그리고 내가 아래에 알고있는 약간의 지식으로 내 자신을 위해 시도한 것은

let vidod = document.getElementById("vidof");

vidod.addEventListener("mouseover", e => {
    setTimeout(function() {
        document.body.style.cursor = "none";
        window.addEventListener("mousemove", et => {
            document.body.style.cursor = "default";
        });
    }, 3500);
});

video {
  width: 55%;
  height: 55%;
}

<video id="vidof" autoplay>
  <source type="video/mp4" src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4">
</video>

하지만 작동하지 않습니다 ... 나는 지금 무엇을 해야할지, 어떻게 작동하게 만드는지 모르겠습니다!

편집 : 문제는 Dick Larsson이 지적한 대로 구문 오류였습니다.

그리고 예 , Ali Kianoor 와 D. Seah 에게 감사드립니다 . 좋은 답변이었습니다. 그리고 정말 잘 작동했습니다. 그리고 걱정하지 마세요. 모두 달콤하고 간단한 답변 이었습니다. Ali Kianoor 는 간단하면서도 효율적인 코드를 유지합니다 ... 물론 D. Seah 덕분에 좋은 결과를 얻었 습니다. . 감사합니다!

그리고 제가받은 모든 답변이 마음에 들어서 죄송합니다. 2018 년 이후로 3 년 동안 코딩을 해왔지만 여전히 배우고 있으며 모든 답변은 제가 배울 수있는 답변입니다!