代码拉取完成，页面将自动刷新
NPlayer 是由 Typescript 加 Sass 编写，无任何第三方运行时依赖，兼容 IE11，支持移动端、支持 SSR、支持直播。高度可定制，所有图标、主题色等都可以替换，并且提供了内置组件方便二次开发。你可以自定义任意多个断点，不仅仅是兼容移动端，只要愿意，你可以非常轻松的兼容手机竖屏、手机横屏、平板等设备。它还拥有插件系统，弹幕功能就是使用插件形式提供，使用时按需引入即可。该播放器还可以接入任何流媒体，如 hls、dash 和 flv 等。欢迎 Star~
npm i -S nplayer
或者使用 CDN
<script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>
import Player from "nplayer";
/**
* Danmaku DEMO:
* https://codesandbox.io/s/nplayer-demo-ujtms?file=/src/index.js
* React DEMO:
* https://codesandbox.io/s/nplayer-react-demo-p558g?file=/src/App.js
* Vue2 DEMO:
* https://codesandbox.io/s/nplayer-vue2-demo-9lps9?file=/src/main.js
* Vue3 DEMO:
* https://codesandbox.io/s/nplayer-vue3-demo-mt8s4?file=/src/main.js
*/
const player = new Player({
src: "https://v-cdn.zjol.com.cn/280443.mp4"
});
player.mount(document.body);
你可以在 nplayer.js.org 查看 NPlayer 的文档。
查看 快速入门章节 来快速上手 NPlayer。
| 名称 | 版本 | 大小 |
|---|---|---|
| 弹幕插件 |  |
|
| React |  |
|
| Vue2 / Vue3 |  |
如果你遇到 BUG 或者是想要新功能，欢迎提交 issue。
如果想参与贡献，请查看 CONTRIBUTING 。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型