[javascript] 자동 재생 YouTube 동영상을 iframe에 포함시키는 방법은 무엇입니까?

iframe src의 끝에 &enablejsapi=1js API를 비디오에 사용할 수 있도록 추가

그런 다음 jquery를 사용하십시오.

jQuery(document).ready(function( $ ) {
  $('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
});

문서에서 비디오를 자동으로 재생해야합니다.

클릭 기능 내에서 이것을 사용하여 다른 요소를 클릭하여 비디오를 시작할 수도 있습니다.

더 중요한 것은 모바일 장치에서 비디오를 자동 시작할 수 없으므로 사용자는 비디오 플레이어를 클릭해야 비디오를 시작할 수 있습니다

편집 : 나는 실제로 100 % 확신하지 못합니다 .YouTube가 여전히 비디오를로드 할 수 있기 때문에 iframe이 준비되었습니다. 실제로 클릭 기능 내 에서이 기능을 사용하고 있습니다.

$('.video-container').on('click', function(){
  $('video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
  // add other code here to swap a custom image, etc
});

답변