Menggunakan @capgo/capacitor-youtube-player
Penglihatan YouTube Plugin antarmuka untuk Capacitor. Menyediakan metode untuk mengontrol pemutaran video YouTube di aplikasi Anda.
Instal
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 melepaskan sumber daya.stopVideo- Menghentikan pemutaran video dan membatalkan muatan. Gunakan dengan hati-hati - pauseVideo() biasanya lebih disukai.playVideo- Memutar video yang saat ini 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 ada. refererHeader Contoh Penggunaan https://www.youtube.com Initilize 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, Panduan Awal untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-aktivitas untuk kemampuan asli di Menggunakan @capgo/capacitor-live-aktivitas, @capgo/capacitor-live-aktivitas untuk detail implementasi di @capgo/capacitor-live-aktivitas, dan Menggunakan @capgo/capacitor-player-video untuk kemampuan asli di Menggunakan @capgo/capacitor-player-video.