HTML 5 비디오 컨트롤 - 재생/일시 중지 클릭

Question

안녕하세요. 도움을 위해 미리 감사드립니다! 나는 오직 그들 중 20 비디오()와 HTML 페이지가 있습니다. 내가 갖고 싶은 것은 컨트롤을 표시하지 않고 각 플레이어에서 재생/일시 중지를 클릭하는 것입니다.

기본적으로 한 비디오 영역을 클릭하면 해당 비디오가 중단되고 다시 누르면 다시 재생해야합니다 ... 도움이 될 것입니다!

Answer 1

html5 video 태그를 사용하는 경우 play() 및 pause() 개의 기능이 연결되어 있습니다. div를 비디오 위에 놓고 클릭 이벤트에서 비디오를 토글 할 수 있습니다. Here's a jsfiddle 예를 들어

동영상도 읽을 수 있고 쓰기 가능한 변수 인 currentTime을 가지고 있으므로 유용한 정보도 함께 제공 할 수 있습니다.