跳过主要内容
返回到插件
@capgo/capacitor-video-player
教程
@capgo/capacitor-video-player

视频播放器

原生视频播放,带有字幕、全屏和全面控制

指南

视频播放器教程

在设备上测试

Download the Capgo app, then scan the QR code.

视频播放器插件预览二维码code

使用@capgo/capacitor-video-player

Capacitor插件用于在本机播放器中播放视频。

安装

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

此插件暴露的内容

  • initPlayer - 初始化一个视频播放器。
  • isPlaying - 检查一个给定 playerId 是否正在播放。
  • play - 从一个给定 playerId 播放当前视频。
  • pause - 暂停当前视频从一个给定 playerId。

示例用法

initPlayer

初始化一个视频播放器。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.initPlayer({} as capVideoPlayerOptions);

isPlaying

如果给定的 playerId 正在播放。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.isPlaying({} as capVideoPlayerIdOptions);

play

从给定的 playerId 播放当前视频。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.play({} as capVideoPlayerIdOptions);

pause

暂停当前视频从给定的 playerId。

import { VideoPlayer } from '@capgo/capacitor-video-player';

await VideoPlayer.pause({} as capVideoPlayerIdOptions);

全局参考

继续使用 @capgo/capacitor-video-player

如果您正在使用 使用 @capgo/capacitor-video-player 以规划原生媒体和界面行为,连接它与 @capgo/capacitor-video-player 为 @capgo/capacitor 视频播放器实现细节 开始使用 为 Getting Started 实现细节 使用 @capgo/capacitor 直播活动 为使用 @capgo/capacitor 直播活动的原生能力 @capgo/capacitor 直播活动 为 @capgo/capacitor 直播活动和 @capgo/capacitor 原生导航实现细节 使用 @capgo/capacitor 原生导航的原生能力 for the native capability in Using @capgo/capacitor-native-navigation.