메인 콘텐츠로 건너뛰기
뒤로 플러그인
@capgo/capacitor-유튜브 플레이어
튜토리얼
@capgo/capacitor-유튜브 플레이어

유튜브 플레이어

유튜브 비디오를 포함하여 전체 플레이어 API 제어 및 이벤트 처리

__CAPGO_KEEP_0__ 보기

설명서

유튜브 플레이어 튜토리얼

Download the Capgo app, then scan the QR code.

유튜브 플레이어 플러그인 미리보기 QR code

@capgo/capacitor-youtube-player을 사용합니다.

유튜브 플레이어 플러그인 인터페이스는 Capacitor을위한 것입니다. 앱에서 유튜브 비디오 재생을 제어하는 방법을 제공합니다.

설치

bun add @capgo/capacitor-youtube-player
bunx cap sync

이 플러그인이 제공하는 것

  • initialize - 새로운 유튜브 플레이어 인스턴스를 초기화합니다.
  • destroy - 플레이어 인스턴스를 파괴하고 자원을 해제합니다.
  • stopVideo - 비디오 재생을 중지하고 로딩을 취소합니다. 이 메서드를 자주 사용하지 마세요. - pauseVideo()는 일반적으로 선호됩니다.
  • playVideo - 현재 큐드 또는 로드된 비디오를 재생합니다. 최종 플레이어 상태는 PLAYING(1)입니다.

메인 웹뷰 REFERER 패치

활성화 patchRefererHeader YouTube 콘텐츠가 플러그인에서 작동하지만 Capacitor의 메인 WebView에서 실패하는 경우 Referer 브라우저와 유사한 환경을 예상하기 때문입니다.

{
  "plugins": {
    "YoutubePlayer": {
      "patchRefererHeader": true,
      "refererHeader": "https://www.youtube.com"
    }
  }
}

이 패치는 youtube.com, youtube-nocookie.comyoutu.be 요청 단위의 Referer 기존 요청 단위의 refererHeader 헤더가 보존되고 https://www.youtube.com 기본값은

omitted될 때

initialize

예시 사용법

import { YoutubePlayer } from '@capgo/capacitor-youtube-player';

await YoutubePlayer.initialize({
  playerId: 'my-player',
  videoId: 'dQw4w9WgXcQ',
  playerSize: { width: 640, height: 360 },
  privacyEnhanced: true
});

destroy

새로운 YouTube 플레이어 인스턴스를 초기화합니다.

import { YoutubePlayer } from '@capgo/capacitor-youtube-player';

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

플레이어 인스턴스를 삭제하고 리소스를 해제합니다. (사용 시 주의: pauseVideo()를 사용하는 것이 일반적입니다.)

import { YoutubePlayer } from '@capgo/capacitor-youtube-player';

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

현재 재생할 비디오를 재생합니다. 최종 플레이어 상태는 PLAYING (1)입니다.

import { YoutubePlayer } from '@capgo/capacitor-youtube-player';

await YoutubePlayer.playVideo({} as PlayerIdOptions);

전체 참조

Using @capgo/capacitor-youtube-player

__CAPGO_KEEP_0__를 사용하여 Using @capgo/capacitor-youtube-player __CAPGO_KEEP_0__를 사용하여 @capgo/capacitor-youtube-player for the implementation detail in @capgo/capacitor-youtube-player, Getting Started Getting Started에서 구현 세부 정보를 위해 Using @capgo/capacitor-live-activities Using @capgo/capacitor-live-activities Using @capgo/capacitor-live-activities Using @capgo/capacitor-video-player Using @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player.