DPlayer
> 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)
- 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.
Authored and maintained by DIYgod with help from contributors ([list](https://github.com/DIYgod/DPlayer/contributors)).
> [Blog](https://diygod.me) · GitHub [@DIYgod](https://github.com/DIYgod) · Twitter [@DIYgod](https://twitter.com/DIYgod) · Telegram Channel [@awesomeDIYgod](https://t.me/awesomeDIYgod)