메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-유튜브 플레이어
튜토리얼
github.com/Cap-go에 의해

유튜브 플레이어

유튜브 비디오를 완전한 플레이어 API 제어와 이벤트 처리와 함께 임베드하세요

가이드

YouTube Player 튜토리얼

YouTube Player 플러그인을 사용하여 @capgo/capacitor-youtube-player

YouTube Player 플러그인은 Capacitor의 YouTube 비디오 재생을 제어하는 메서드를 제공합니다.

설치

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

이 플러그인이 노출하는 것

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

예시 사용

initialize

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

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

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

destroy

플레이어 인스턴스를 삭제하고 자원들을 해제합니다.

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

이러한 기능을 사용하는 경우 Using @capgo/capacitor-youtube-player 자연스러운 네이티브 미디어 및 인터페이스 동작을 계획하고 싶다면 @capgo/capacitor-youtube-player capgo-capacitor-유튜브 플레이어 구현 세부 사항 Getting Started __CAPGO_KEEP_0__-__CAPGO_KEEP_1__-시작하기 Using @capgo/capacitor-live-activities capgo-capacitor-라이브 활동의 원천 기능 @capgo/capacitor-live-activities capgo-capacitor-라이브 활동의 구현 세부 사항 Using @capgo/capacitor-video-player capgo-capacitor-비디오 플레이어의 원천 기능