JavaScript로 기존 Iframe YouTube 플레이어를 제어하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

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

Linda Hamilton

풀어 주다： 2024-11-17 14:19:02

원래의

183명이 탐색했습니다.

How to Control Pre-existing Iframe YouTube Players with JavaScript?

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 &amp;&amp; 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 ).

추가 리소스: