Lebihkan ke konten utama

Panduan

Tutorial tentang Player YouTube

Uji coba di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Penglihatan YouTube plugin pratinjau QR code

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

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.