Panduan
Cara menggunakan Player YouTube di Capacitor
Menggunakan @capgo/capacitor-pemutar-youtube
Antarmuka plugin pemutar YouTube untuk Capacitor. Menyediakan metode untuk mengontrol pemutaran video YouTube di aplikasi Anda.
Pasang
bun add @capgo/capacitor-youtube-player
bunx cap sync
Apa yang Dibuka oleh Plugin Ini
initialize- Inisialisasi instance pemutar YouTube baru.destroy- Hancurkan instance pemutar dan bebaskan sumber daya.stopVideo- Berhenti pemutaran video dan batalkan pengisian. Gunakan dengan hati-hati - pauseVideo() biasanya lebih disukai.playVideo- Mainkan video yang sedang dipilih atau dimuat. Status akhir pemutar akan menjadi PLAYING (1).
Patch Referer WebView Utama
Enable patchRefererHeader ketika konten YouTube berfungsi di plugin tetapi gagal dari Capacitor's WebView utama karena YouTube mengharapkan header seperti browser. Referer header.
{
"plugins": {
"YoutubePlayer": {
"patchRefererHeader": true,
"refererHeader": "https://www.youtube.com"
}
}
}
Hanya patch ini yang berlaku untuk youtube.com, youtube-nocookie.com, and youtu.be permintaan. Permintaan yang ada Referer header dipertahankan, dan refererHeader menggunakan default https://www.youtube.com ketika dihilangkan.
Contoh Penggunaan
initialize
Inisialisasi instance pemutar YouTube baru.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.initialize({
playerId: 'my-player',
videoId: 'dQw4w9WgXcQ',
playerSize: { width: 640, height: 360 },
privacyEnhanced: true
});
destroy
Hapus instance pemutar dan bebaskan sumber daya.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.destroy({ playerId: 'player-id-123' });
console.log(result);
stopVideo
Hentikan pemutaran video dan batalkan muatan. Gunakan ini dengan hati-hati - pauseVideo() biasanya lebih disukai.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.stopVideo({ playerId: 'player-id-123' });
console.log(result);
playVideo
Mainkan video yang saat ini dipilih atau dimuat. Status pemutar akhir akan menjadi PLAYING (1).
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.playVideo({ playerId: 'player-id-123' });
console.log(result);
Referensi Lengkap
- GitHub: https://github.com/Cap-go/capacitor-player-youtube
- 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 Penggunaan @capgo/capacitor-youtube-player untuk detail implementasi di @capgo/capacitor-youtube-player Mulai Menggunakan untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-aktivitas-hidup @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Menggunakan @capgo/capacitor-player-video untuk kemampuan asli di Menggunakan @capgo/capacitor-player-video