Lompat ke konten utama
Kembali ke plugin
@capgo/capacitor-youtube-player
Tutorial
@capgo/capacitor-youtube-player

Pemain YouTube

Integrasikan video YouTube dengan pemutar lengkap dan pengendalian event API

Panduan

Tutorial di YouTube Player

Menggunakan @capgo/capacitor-youtube-player

Antarmuka Plugin Player 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 Dapat Diketahui Plugin Ini

  • initialize - Inisialisasi instance pemutar YouTube baru.
  • destroy - Hancurkan instance pemutar dan lepaskan sumber daya.
  • stopVideo - Berhenti memutar video dan batalkan pengisian. Gunakan dengan hati-hati - pauseVideo() biasanya lebih disukai.
  • playVideo - Mainkan video yang saat ini dipilih atau dimuat. Status pemutar akhir akan menjadi PLAYING (1).

Patch Referer WebView Utama

Aktifkan patchRefererHeader ketika konten YouTube bekerja di plugin tetapi gagal dari Capacitor's WebView utama karena YouTube mengharapkan header seperti browser. Referer Patch hanya berlaku untuk

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

, dan youtube.com, youtube-nocookie.comdan youtu.be permintaan. Permintaan tingkat tinggi Referer header-header dipertahankan, dan refererHeader berlaku secara default, ketika tidak disebutkan. https://www.youtube.com Contoh Penggunaan

Inisialisasi instance pemutar YouTube baru.

initialize

Hapus instance pemutar dan lepaskan sumber daya.

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

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

destroy

Hentikan pemutaran video dan batalkan pengisian. Gunakan dengan hati-hati - pauseVideo() biasanya lebih disukai.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

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

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

Referensi Lengkap

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

__CAPGO_KEEP_0__:

Teruskan dari Menggunakan @capgo/capacitor-youtube-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-youtube-player untuk merencanakan perilaku media asli dan antarmuka, hubungkannya dengan @capgo/capacitor-youtube-player untuk detail implementasi di @capgo/capacitor-youtube-player, Membuat Mulai untuk detail implementasi di Membuat Mulai, Menggunakan @capgo/capacitor-live-activities untuk kemampuan asli di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kemampuan asli di Menggunakan @capgo/capacitor-video-player.