자바스크립트를 사용하여 비디오를 재생하는 방법은 무엇입니까?

Question

비디오 요소가 있고 컨트롤이 없으며 비디오를 재생하는 버튼이 있는 HTML이 있습니다. 하지만 버튼을 사용하여 비디오를 재생하려고 하면 아무 작업도 수행되지 않습니다.

콘솔에 오류가 발생하지 않고 비디오가 재생되지 않습니다.

무엇이 잘못되었을 수 있는지 알 수 없습니다.

비디오 태그에 컨트롤 속성을 추가하면 비디오가 완벽하게 재생되지만 내 목표는 브라우저 컨트롤을 사용하지 않고 나만의 컨트롤을 만드는 것입니다.

여기 내 코드 예제가 있습니다. 소스가 작동하도록 여기에서 이 임의의 비디오를 사용했습니다.

누군가가 도울 수 있기를 바랍니다. 미리 감사드립니다.

으아악 으아악

Answer 1

eventListener의 listener를 다음으로 변경하세요.

으아아아

Answer 2

코드의 문제점은 video.play 메소드가 이벤트 리스너 함수로 제공될 때 컨텍스트를 잃고 실패한다는 것입니다. 이 문제는 익명 함수에 메서드를 캡슐화하여 해결할 수 있습니다. 아래의 playButton.addEventListener(){...} 함수를 확인하세요.

으아악 으아악