여러 탭에서 jQuery를 사용하여 HTML5 비디오 재생을 어떻게 제어할 수 있습니까?

jQuery로 HTML5 비디오 재생 제어

이 문서에서는 jQuery를 사용하여 HTML5 비디오 재생을 관리하는 방법에 대한 지침을 제공합니다. 6개 탭으로 구성된 인터페이스의 별도 탭에서 두 개의 비디오 클립을 제어하는 ​​문제에 대한 해결책을 자세히 살펴보겠습니다. 각 동영상은 해당 탭을 클릭하면 재생이 시작되고 다른 탭이 활성화되면 일시 중지되어야 합니다.

동영상 재생을 제어하려는 원래 시도는 다음과 같습니다.

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

그러나 재생이 중요하다는 점에 유의해야 합니다. jQuery 함수가 아닙니다. 대신 DOM 요소의 메서드입니다. jQuery를 사용하여 호출하려면 요소 자체를 대상으로 지정해야 합니다.

$('#videoId').get(0).play();

여기서 get은 jQuery 선택 항목에서 기본 DOM 요소를 검색합니다.

따라서 코드는 다음과 같아야 합니다. :

$('#playMovie1').click(function(){
  $('#movie1').get(0).play();
      });

이 접근 방식을 사용하면 각 비디오 클립은 해당 탭이 선택될 때 재생이 시작되고 다른 탭이 선택되면 재생이 중단됩니다. 클릭했습니다.

위 내용은 여러 탭에서 jQuery를 사용하여 HTML5 비디오 재생을 어떻게 제어할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!