> Wow, such a lovely HTML5 danmaku video player
[](https://www.npmjs.com/package/dplayer)
[](https://github.com/MoePlayer/DPlayer/blob/master/LICENSE)
[](https://www.npmjs.com/package/dplayer)
[](https://github.com/MoePlayer/DPlayer/tree/master/dist)
[](https://travis-ci.org/MoePlayer/DPlayer)
[](https://david-dm.org/MoePlayer/DPlayer#info=devDependencies)
[](https://github.com/MoePlayer/DPlayer#donate)
## Introduction
DPlayer is a lovely HTML5 danmaku video player to help people build video and danmaku easily.
**DPlayer supports:**
- Streaming formats
- [HLS](https://github.com/video-dev/hls.js)
- [FLV](https://github.com/Bilibili/flv.js)
- [MPEG DASH](https://github.com/Dash-Industry-Forum/dash.js)
- [WebTorrent](https://github.com/webtorrent/webtorrent)
- Any other custom streaming formats
- Media formats
- MP4 H.264
- WebM
- Ogg Theora Vorbis
- Features
- Danamku
- Screenshot
- Hotkeys
- Quality switching
- Thumbnails
- Subtitle
Using DPlayer on your project? [Let me know!](https://github.com/DIYgod/DPlayer/issues/31)
**[Demo](http://dplayer.js.org/)**
**[Docs](http://dplayer.js.org/docs)**
## Install
```
$ npm install dplayer --save
```
## Quick Start
```html
```
```js
var dp = new DPlayer({
element: document.getElementById('player1'),
video: {
url: 'dplayer.mp4',
pic: 'dplayer.png'
},
danmaku: {
id: 'testid',
api: 'https://api.prprpr.me/dplayer/'
}
});
```
## Usage
[Read the Docs](http://dplayer.js.org/docs)
## FAQ
Why can't some videos be full screen?
If player is contained in a iframe, try adding the allowfullscreen attribute to the iframe.
For full browser support it should look like this:
```html
```
Why can't player autoplay in some mobile browsers?
Most mobile browsers forbid video autoplay, you wont be able to achieve it without hacks.
## Sponsor
