指南
YouTube Player 教程
使用 @capgo/capacitor-youtube-player
YouTube Player 插件接口为 Capacitor。 提供方法来控制 YouTube 视频播放在您的应用中。
安装
bun add @capgo/capacitor-youtube-player
bunx cap sync
什么这个插件暴露
initialize- 初始化一个新的 YouTube 播放器实例。destroy- 销毁一个播放器实例并释放资源。stopVideo- 停止视频播放并取消加载。尽量少用 - pauseVideo() 通常更好。playVideo- 播放当前缓冲或已加载的视频。最终播放器状态将为 PLAYING (1)。
示例用法
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-live-activities 查看@capgo/capacitor-live-activities的原生能力 @capgo/capacitor-live-activities 了解 @capgo/capacitor-live-activities 的实现细节 使用 @capgo/capacitor-video-player 了解 @capgo/capacitor-video-player 的原生能力