使用 @capgo/capacitor-youtube-player

YouTube 视频播放器插件接口为 Capacitor。提供方法来控制 YouTube 视频播放在您的应用程序中。

安装

bun add @capgo/capacitor-youtube-player
bunx cap sync

此插件暴露的内容

initialize - 初始化一个新的 YouTube 播放器实例。
destroy - 销毁一个播放器实例并释放资源。
stopVideo - 停止视频播放并取消加载。请谨慎使用 - pauseVideo() 通常更合适。
playVideo - 播放当前缓冲或已加载的视频。最终播放器状态将为 PLAYING (1)。

主 WebView Referer 补丁

启用 patchRefererHeader 当 YouTube 内容在插件中正常工作，但从 Capacitor 的主 WebView 中失败，因为 YouTube 期望一个浏览器样式的 Referer 头部。

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

补丁仅适用于 youtube.com, youtube-nocookie.com,和 youtu.be requests. Existing request-level Referer headers 是被保留的，且 refererHeader defaults to https://www.youtube.com 当省略时。

示例用途

`initialize`

初始化一个新的 YouTube 播放器实例。

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

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

`destroy`

销毁一个播放器实例并释放资源。

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

`stopVideo`

停止视频播放并取消加载。请谨慎使用 - pauseVideo() 通常更合适。

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

`playVideo`

播放当前缓冲或已加载的视频。最终播放器状态将为 PLAYING (1)。

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

全局参考

GitHub: https://github.com/Cap-go/capacitor-youtube-player/
文档：/docs/plugins/youtube-player/

从使用@capgo/capacitor-youtube-player

如果您正在使用 使用@capgo/capacitor-youtube-player 来规划原生媒体和界面行为，连接它与 @capgo/capacitor-youtube-player 了解@capgo/capacitor-youtube-player的实现细节在@capgo/capacitor-youtube-player中开始使用了解开始使用的实现细节在开始使用中使用@capgo/capacitor-live-activities 为原生能力在使用@capgo/capacitor-live-activities中 @capgo/capacitor-live-activities 对于 @capgo/capacitor-live-activities 的实现细节使用 @capgo/capacitor-video-player 对于在使用 @capgo/capacitor-video-player 的原生能力

YouTube播放器

YouTube 视频播放器教程