Guide
How to use YouTube Player in Capacitor
@capgo/capacitor-youtube-player을 사용하여
Capacitor용 유튜브 플레이어 플러그인 인터페이스입니다. 앱에서 유튜브 비디오 재생을 제어하는 방법을 제공합니다.
설치
bun add @capgo/capacitor-youtube-player
bunx cap sync
이 플러그인이 제공하는 것
initialize- 새로운 유튜브 플레이어 인스턴스를 초기화합니다.destroy- 플레이어 인스턴스를 삭제하고 자원을 해제합니다.stopVideo- 비디오 재생을 중지하고 로딩을 취소합니다. 이 메서드를 자주 사용하지 마세요. - pauseVideo()를 사용하는 것이 일반적입니다.playVideo- 현재 재생할 동영상 재생. 최종 플레이어 상태는 PLAYING (1)입니다.
Main WebView Referer Patch
Enable patchRefererHeader YouTube 콘텐츠가 플러그인에서 작동하지만 Capacitor의 Main WebView에서 실패하는 경우에만 적용됩니다. YouTube는 브라우저와 같은 헤더를 기대하기 때문입니다. Referer 이 패치는
{
"plugins": {
"YoutubePlayer": {
"patchRefererHeader": true,
"refererHeader": "https://www.youtube.com"
}
}
}
와 youtube.com, youtube-nocookie.com, and youtu.be 기본값으로 설정됩니다. Referer 예시 사용법 refererHeader 기본값으로 사용합니다. https://www.youtube.com The patch only applies to
, and
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';
const result = await YoutubePlayer.destroy({ playerId: 'player-id-123' });
console.log(result);
stopVideo
비디오 재생을 중지하고 로딩 취소. 이 메서드를 사용할 때는 pauseVideo()를 사용하는 것이 일반적입니다.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.stopVideo({ playerId: 'player-id-123' });
console.log(result);
playVideo
현재 큐드 또는 로드된 비디오 재생. 최종 플레이어 상태는 PLAYING (1)입니다.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.playVideo({ playerId: 'player-id-123' });
console.log(result);
전체 참조
- GitHub: github.com/Cap-go/capacitor-youtube-player
- 문서: /docs/plugins/youtube-player/
Using @capgo/capacitor-youtube-player
__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-player를 사용하여 Using @capgo/capacitor-유튜브 플레이어 이 플러그인을 사용하여 @capgo/capacitor-youtube-player @capgo/capacitor-youtube-player 시작하기 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities @capgo/capacitor-live-activities @capgo/capacitor-live-activities Using @capgo/capacitor-video-player Using @capgo/capacitor-video-player Using @capgo/capacitor-video-player Using @capgo/capacitor-youtube-player