Powerful danmaku video player

NPlayer

Customizable, responsive video player (support for mobile, tablet, etc)

点击 👆 在线预览

Supports phones, tablets, desktops, and can customize any breakpoints, not just compatible mobile.

Easy configuration of control bar, context menu, settings and custom themes, and provides built-in components to facilitate secondary development.

Danmaku, fullscreen, web fullscreen, shortcuts, pip, airplay, speed controls, context menu, video thumbnails, internationalization etc.

Demo

Quickstart

Step 1：Install NPlayer

npm i -S nplayer

Step 2 of：Use NPlayer

import Player from 'nplayer'

const player = new Player({
  src: "https://v-cdn.zjol.com.cn/280443.mp4",
})

player.mount(document.body)