JavaScript로 기존 Iframe YouTube 플레이어를 제어하는 ​​방법은 무엇입니까?

JavaScript를 사용하여 기존 Iframe YouTube 플레이어 제어

과제:

iframe 기반 YouTube 플레이어 제어 JavaScript API를 사용하여 HTML에 이미 존재합니다.

해결책:

Rob W의 callPlayer 기능을 사용하면 프레임이 있는 YouTube 동영상을 제어할 수 있습니다. 작동 방법은 다음과 같습니다.

function callPlayer(frame_id, func, args) {
  var iframe = document.getElementById(frame_id);
  if (iframe && iframe.tagName.toUpperCase() != 'IFRAME') {
    iframe = iframe.getElementsByTagName('iframe')[0];
  }

  // Handle player readiness
  if (!iframe) {
    console.log('callPlayer: Frame not found;>

사용 방법:

기능 사용 방법:

callPlayer("whateverID", function() {
  // Function runs when player is ready (like "onYouTubePlayerReady")
  callPlayer("whateverID", "playVideo");
});

가능한 문제 및 해결 방법 :

Q: 왜 playVideo가 비디오 재생을 시작하지 않습니까?
A: 재생하려면 사용자 상호 작용이 필요하며 허용="이 있어야 합니다. iframe URL에 "자동 재생"이 표시됩니다.

Q: "잘못되거나 잘못된 문자열이 지정되었습니다." 오류가 표시됩니다.
A: API는 그렇지 않습니다. 로컬 호스트(file://)에서는 제대로 작동하지 않습니다. 페이지를 온라인으로 호스팅하거나 JSFiddle을 사용하세요.

Q: callPlayer 함수에 어떤 인수를 전달할지 어떻게 알 수 있나요?
A: Rob W가 필요한 인수를 결정하기 위한 API 소스입니다.

Q: 어떤 브라우저가 지원되나요?
A: callPlayer 함수는 JSON 및 postMessage( IE 8 , Firefox 3.5 , Opera 10.50 , Safari 4 , Chrome 3 ).

추가 리소스:

• 공식 YouTube Iframe API 참조: https:// 개발자.google.com/youtube/iframe_api_reference
• 관련 답변: jQuery를 사용하여 프레임된 비디오 페이드인
• 전체 API 지원: jQuery에서 YouTube 이벤트 수신

위 내용은 JavaScript로 기존 Iframe YouTube 플레이어를 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!