Capacitor の @capgo/capacitor-youtube-player を使用
Capacitor の 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のメインのWebViewから失敗する場合 Referer YouTubeはブラウザのような
{
"plugins": {
"YoutubePlayer": {
"patchRefererHeader": true,
"refererHeader": "https://www.youtube.com"
}
}
}
このパッチは youtube.com, youtube-nocookie.comにのみ適用されます。 youtu.be リクエスト Referer リクエストレベルの refererHeader ヘッダーは保存され、 https://www.youtube.com がデフォルトになります。
例えば
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);
フルリファレンス
- GitHub: https://github.com/Cap-go/capacitor-youtube-player/
- ドキュメント: /docs/plugins/youtube-player/
capgoの@capacitor-youtube-playerを使用し続ける
Capacitorを使用している場合 Capacitorを使用してネイティブのメディアとインターフェイスの動作を計画する場合、@capgo/capacitor-youtube-playerと接続してください。 Capacitorを使用して@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-playerの実装詳細を計画する場合 Capacitorを使用して@capgo/capacitor-youtube-playerを使用して始める for the implementation detail in @capgo/capacitor-youtube-player, Capacitorを使用して@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-playerを使用して始める 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.