Skip ke konten utama
Kembali ke Plugin
@capgo/capacitor-player Youtube
Tutorial
@capgo/capacitor-player Youtube

Player Youtube

Integrasikan video Youtube dengan kontrol dan pengelolaan acara penuh API

Panduan

Tutorial tentang Player YouTube

Tes di Perangkat

Unduh aplikasi Capgo, 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 lepaskan sumber daya.
  • stopVideo - Berhenti pemutaran 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).

Referer WebView Utama Patch

aktifkan patchRefererHeader ketika konten YouTube berfungsi di plugin tetapi gagal dari WebView utama Capacitor 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 berlaku secara default ketika tidak ada. refererHeader Contoh Penggunaan https://www.youtube.com inisialisasi instance pemutar YouTube baru.

when YouTube content works in the plugin but fails from __CAPGO_KEEP_0__'s main WebView because YouTube expects a browser-like

initialize

header.

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

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

destroy

__CAPGO_KEEP_0__:

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

Hapus instance pemutar dan bebas sumber daya.

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

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

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

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

Keep going from Using @capgo/capacitor-youtube-player

Teruskan dari Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-player Using @capgo/capacitor-youtube-player Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-player untuk merencanakan media asli dan perilaku antarmuka, hubungkannya dengan @capgo/capacitor-youtube-player untuk detail implementasi di @capgo/capacitor-youtube-player, Mulai untuk detail implementasi di Mulai, 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-video-player untuk kemampuan asli di Menggunakan @capgo/capacitor-video-player.