Choose video player

[vogler]

Options:

• DIY
• https://github.com/topics/video-player
• https://github.com/videojs/video.js 35.4k
  • plugins: https://www.npmjs.com/search?ranking=popularity&q=keywords%3Avideojs-plugin
  • https://www.npmjs.com/package/videojs-hotkeys
  • https://www.npmjs.com/package/videojs-vjsdownload
  • Thumbnails:
  • https://www.npmjs.com/package/videojs-vtt-thumbnails
  • https://www.npmjs.com/package/videojs-sprite-thumbnails
  • https://www.npmjs.com/package/videojs-thumbnails
  • https://github.com/collab-project/videojs-wavesurfer example: waveform below video example: regions
  • https://github.com/wavesurfer-js/wavesurfer.js 6.9k
• https://github.com/sampotts/plyr 23.5k - can display generated preview thumbnails
• https://github.com/vime-js/vime 2.5k - nothing relevant?
• successor to Plyr and Vime: https://github.com/vidstack/player 772
• https://github.com/mediaelement/mediaelement 8k
• https://github.com/clappr/clappr 6.4k - last change 3 years ago; can display generated preview thumbnails:
  • https://github.com/tjenkinson/clappr-thumbnails-plugin
• https://github.com/shaka-project/shaka-player 6.3k - nothing relevant?
• https://github.com/bytedance/xgplayer 6.1k - can display generated preview thumbnails:
  • http://h5player.bytedance.com/en/plugins/internalplugins/progresspreview.html

Native <video> player in Chrome:

Controls: PIP:

[vogler]

Also see https://github.com/krzemienski/awesome-video#web