メインコンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-youtube-player
チュートリアル
github.com/Cap-go による

YouTube プラグイン

API で YouTube ビデオを埋め込むことができ、フル プレーヤー API コントロールとイベント ハンドリングが可能

ガイド

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

@capgo/capacitor-youtube-player を使用する

Capacitor の YouTube プレイヤー プラグイン インターフェイス。アプリ内で YouTube ビデオ再生を制御するためのメソッドを提供します。

インストール

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

このプラグインが公開するもの

  • initialize - YouTube プレイヤー インスタンスを新規に初期化します。
  • destroy - プレイヤー インスタンスを破棄し、リソースを解放します。
  • stopVideo - ビデオ再生を停止し、ロードをキャンセルします。使用する場合は、まれに使用してください - pauseVideo() は通常の選択肢です。
  • playVideo - __CAPGO_KEEP_0__ を再生します。最終的なプレイヤー状態はPLAYING (1)になります。

例:使用方法

initialize

__CAPGO_KEEP_0__ を初期化して新しい YouTube プレイヤー インスタンスを作成します。

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

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

destroy

__CAPGO_KEEP_0__ インスタンスを破棄してリソースを解放します。

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

__CAPGO_KEEP_0__ を再生します。最終的なプレイヤー状態はPLAYING (1)になります。

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

フル リファレンス