@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) になります。

Main WebView リファラーパッチ

有効 patchRefererHeader YouTubeコンテンツがプラグインで動作するが、Capacitorのメインウェブビューから失敗する場合 Referer ブラウザのような

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

ヘッダーが必要であるためです。 youtube.com, youtube-nocookie.comパッチは youtu.be 、のみに適用されます。 Referer リクエストの既存のヘッダーは保持され、 refererHeader 、のデフォルト値になります。 https://www.youtube.com 例えば

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

`initialize`

プレイヤーインスタンスを破棄し、リソースを解放します。

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

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

`destroy`

動画の再生を停止し、ロードをキャンセルします。このメソッドはまれに使用してください。pauseVideo()は通常、より適切です。

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

`stopVideo`

停止

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);

フルリファレンス

GitHub: https://github.com/Cap-go/capacitor-youtube-player/
ドキュメント: /docs/plugins/youtube-player/

Keep going from Using @capgo/capacitor-youtube-player

Capacitor YouTube Playerを使用している場合 Using @capgo/capacitor-youtube-player Capacitor YouTube Playerを使用し、ネイティブメディアとインターフェイスの動作を計画する場合、Capacitor YouTube Playerを使用してください。 @capgo/capacitor-youtube-player for the implementation detail in @capgo/capacitor-youtube-player, __CAPGO_KEEP_0__ Capacitor YouTube プレイヤー Using @capgo/capacitor-live-activities for the native capability in Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities for the implementation detail in @capgo/capacitor-live-activities, and Using @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player.

YouTube Player

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

@capgo/capacitor-youtube-player を使用

インストール

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

Main WebView リファラー パッチ

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

initialize

destroy

stopVideo

playVideo