Video Player

capacitor-video-player

CAPACITOR 5

The ownership of this plugin is transfer to https://github.com/harmonwood who will ensure the maintenance

Note from the Owner

Start -->

I have been dedicated to developing and maintaining this plugin for many years since the inception of Ionic Capacitor. Now, at 73+ years old, and with my MacBook Pro becoming obsolete for running Capacitor 6 for iOS, I have made the decision to cease maintenance of the plugin. If anyone wishes to take ownership of this plugin, they are welcome to do so.

It has been a great honor to be part of this development journey alongside the developer community. I am grateful to see many of you following me on this path and incorporating the plugin into your applications. Your comments and suggestions have motivated me to continuously improve it.

I have made this decision due to several family-related troubles that require my full attention and time. Therefore, I will not be stepping back. Thank you to all of you for your support.

End <--

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	✅	✅	✅	✅

Documentation

API_Documentation

Tutorials Blog

• JeepQ Capacitor Plugin Tutorials

Applications demonstrating the use of the plugin

Capacitor 5 Apps

• ionic7-angular-videoplayer-app

• vant-nuxt-videoplayer-app

Application Starter (Not yet updated to 5.0.0)

• angular-video-player-app-starter

• react-video-player-app-starter

• vite-react-videoplayer-app

• vue-videoplayer-app

Usage 2.4.7

• see capacitor documentation

• see usage 2.4.7

Usage > 3.0.0

• see capacitor documentation

• see usage > 3.0.0

Dependencies

• hls.js for HLS videos on Web and Electron platforms
• ExoPlayer for HLS, DASH, SmoothStreaming videos on Android platform

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Jean Pierre Quéau 💻

Yelhouti 💻

Mamane10 💻

Пронин Андрей KANekT 💻

Michael Rieger 💻

Manuel García Marín 💻

Jelle Oppenhuis 💻

fegauthier 💻

This project follows the all-contributors specification. Contributions of any kind welcome!