Menggunakan @capgo/capacitor-youtube-player

Penglihatan YouTube Plugin interface untuk Capacitor. Menyediakan metode untuk mengontrol pemutaran video YouTube di aplikasi Anda.

Install

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

Apa yang Dapat Diketahui Plugin Ini

initialize - Menginisialisasi instance pemutar YouTube baru.
destroy - Menghancurkan instance pemutar dan membebaskan sumber daya.
stopVideo - Menghentikan pemutaran video dan membatalkan muatan. Gunakan dengan hati-hati - pauseVideo() biasanya lebih disukai.
playVideo - Memutar video yang sedang dipersiapkan atau dimuat. Status pemutar akhir akan menjadi PLAYING (1).

Pengaturan Referer WebView Utama

Aktifkan patchRefererHeader ketika konten YouTube berfungsi di plugin tetapi gagal dari Capacitor's WebView utama karena YouTube mengharapkan browser seperti Referer header.

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

Patch ini hanya berlaku untuk youtube.com, youtube-nocookie.com, dan youtu.be permintaan. Kepala permintaan yang ada tetap dipertahankan, dan Referer ketika tidak disebutkan. refererHeader Contoh Penggunaan https://www.youtube.com Initiasi instance pemutar YouTube baru.

Hapus instance pemutar dan bebaskan sumber daya.

`initialize`

Berhenti pemutaran video dan batalkan muatan. Gunakan ini dengan hati-hati - pauseVideo() biasanya lebih disukai.

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

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

`destroy`

Stop video playback and cancel loading. Use this sparingly - pauseVideo() is usually preferred.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

`stopVideo`

Initialize a new YouTube player instance.

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

`playVideo`

Mainkan video yang sedang dipilih atau dimuat. Status pemutar akhir akan menjadi PLAYING (1).

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

Referensi Lengkap

GitHub: https://github.com/Cap-go/capacitor-youtube-player/
Dokumen: /docs/plugins/youtube-player/

Teruskan dari Menggunakan @capgo/capacitor-youtube-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-youtube-player untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-youtube-player untuk detail implementasi di @capgo/capacitor-youtube-player, Pembahasan Awal untuk detail implementasi di Getting Started, 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.

Player YouTube

Tutorial Pemain YouTube