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

Pemutar YouTube

Tampilkan video YouTube dengan pemutar lengkap dan pengaturan event API

Petunjuk

Tutorial di Player YouTube

Tes di perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Tautan QR pratinjau plugin pemutar YouTube code

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 dipersiapkan atau dimuat. Status pemutar akhir akan menjadi PLAYING (1).

Patch Referer WebView Utama

Nonaktifkan 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.comdan youtu.be permintaan. Permintaan level yang ada tetap dipertahankan, dan Referer berlaku secara default ketika tidak disebutkan. refererHeader Contoh Penggunaan https://www.youtube.com Inisialisasi instance pemutar YouTube baru.

Hapus instance pemutar dan lepaskan sumber daya.

initialize

Berhenti pemutaran video dan batalkan pengunduhan. 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 saat ini sedang diputar atau dimuat. Status pemutar akhir akan menjadi PLAYING (1).

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

Referensi Lengkap

Teruskan dari Menggunakan @capgo/capacitor-player-youtube

Jika Anda menggunakan Menggunakan @capgo/capacitor-player-youtube untuk merencanakan perilaku media dan antarmuka asli, hubungkannya dengan @capgo/capacitor-player-youtube untuk detail implementasi di @capgo/capacitor-player-youtube, Pengenalan Dasar 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.