メインコンテンツにスキップ
Back to plugins
@capgo/capacitor-youtube-player
チュートリアル
by github.com/Cap-go

YouTube Player

Embed YouTube videos with full player API control and event handling

ガイド

YouTube プレーヤーに関するチュートリアル

Using @capgo/capacitor-youtube-player

YouTube プレーヤー プラグインのインターフェイスです。 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);

フル リファレンス

@capgo/capacitor-youtube-playerを使用し続ける

Capgoを使用している場合 Using @capgo/capacitor-youtube-player Capgoを使用して、ネイティブのメディアとインターフェイスの動作を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-playerと接続する @capgo/capacitor-youtube-playerの実装詳細については、@capgo/capacitor-youtube-playerを参照してください for the implementation detail in @capgo/capacitor-youtube-player, Getting Startedの実装詳細については、Getting Startedを参照してください @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activitiesを使用して @capgo/capacitor-live-activitiesのネイティブ機能を使用して for the native capability in Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities @capgo/capacitor-live-activitiesの実装詳細について Using @capgo/capacitor-video-player Using @capgo/capacitor-video-playerのネイティブ機能