@bazuka5801/capacitor-video-player

Video Player

capacitor-video-player

CAPACITOR 5

Capacitor Video Player Plugin is a custom Native Capacitor plugin to play a video
fullscreen on IOS, Android, Web and Electron platforms
embedded on Web and Electron platforms

Maintainers

Maintainer	GitHub	Social
Quéau Jean Pierre	jepiqueau

LATEST FOR CAPACITOR 5 (Master)

Browser Support

The plugin follows the guidelines from the Capacitor Team,

Capacitor Browser Support

meaning that it will not work in IE11 without additional JavaScript transformations, e.g. with Babel.

Installation

npm install --save capacitor-video-player
npx cap sync
npx cap sync @capacitor-community/electron

Build

Then build YOUR_APPLICATION

npm run build
npx cap copy
npx cap copy web
npx cap copy @capacitor-community/electron
npx cap open android
npx cap open ios
npx cap open @capacitor-community/electron
npx cap serve

Configuration

No configuration required for this plugin

Supported methods

Name	Android	iOS	Electron	Web
initPlayer (mode fullscreen)	✅	✅	✅	✅
initPlayer (mode embedded)	❌	❌	✅	✅
initPlayer (url assets)	✅	✅	✅	✅
initPlayer (url internal)	✅	✅	❌	❌
initPlayer (url application/files)	✅	✅	❌	❌
initPlayer (subtitles)	✅	✅	❌	❌
initPlayer (headers)	✅	✅	❌	❌
initPlayer (title)	✅	✅	❌	❌
initPlayer (smallTitle)	✅	✅	❌	❌
initPlayer (accentColor)	✅	❌	❌	❌
initPlayer (chromecast)	✅	❌	❌	❌
initPlayer (artwork)	✅	✅	❌	❌
isPlaying	✅	✅	✅	✅
play	✅	✅	✅	✅
pause	✅	✅	✅	✅
getCurrentTime	✅	✅	✅	✅
setCurrentTime	✅	✅	✅	✅
getDuration	✅	✅	✅	✅
getMuted	✅	✅	✅	✅
setMuted	✅	✅	✅	✅
getVolume	✅	✅	✅	✅
setVolume	✅	✅	✅	✅
stopAllPlayers	✅	✅	✅	✅
getRate	✅	✅	✅	✅
setRate	✅	✅	✅	✅
showController	✅	❌	❌	❌
isControllerIsFullyVisible	✅	❌	❌	❌
exitPlayer	✅	❌	❌	❌

Supported listeners

Name	Android	iOS	Electron	Web
jeepCapVideoPlayerReady	✅	✅	✅	✅
jeepCapVideoPlayerPlay	✅	✅	✅	✅
jeepCapVideoPlayerPause	✅	✅	✅	✅
jeepCapVideoPlayerEnded	✅	✅	✅	✅
jeepCapVideoPlayerExit	✅	✅	✅	✅