🍭 Wow, such a lovely HTML5 video playe
🍭 Forked from DIYgod/DPlayer
🍭 Remove thumbnails, subtitle, danmaku, storage
🍭 Add muted
DPlayer is a lovely HTML5 video player to help people build video easily.
DPlayer supports:
- Streaming formats
- HLS
- FLV
- MPEG DASH
- WebTorrent
- Any other custom streaming formats
- Media formats
- MP4 H.264/AAC
- MKV H.264/AAC
- WebM
- Ogg Theora Vorbis
- Features
- Screenshot
- Hotkeys
- Quality switching
Using DPlayer on your project? Let me know!
You can custom your player instance by those options
| Name | Default | Description |
|---|---|---|
| container | document.querySelector('.dplayer') | player container |
| live | false | enable live mode, see #live |
| autoplay | false | video autoplay |
| theme | '#b7daff' | main color |
| loop | false | video loop |
| controls | true | show or hide control bar |
| lang | navigator.language.toLowerCase() | values: 'en', 'zh-cn', 'zh-tw' |
| screenshot | false | enable screenshot, if true, video and video poster must enable Cross-Origin |
| airplay | false | enable airplay in Safari |
| chromecast | false | enable Chromecast |
| hotkey | true | enable hotkey, support FF, FR, volume control, play & pause |
| preload | 'auto' | values: 'none', 'metadata', 'auto' |
| volume | 0.7 | default volume, notice that player will remember user setting, default volume will not work after user set volume themselves |
| playbackSpeed | [0.5, 0.75, 1, 1.25, 1.5, 2] | optional playback speed, or or you can set a custom one |
| logo | - | showing logo in the top left corner, you can adjust its size and position by CSS |
| preventClickToggle | false | prevent toggle video play/pause status when click player |
| video | - | video info |
| video.quality | - | see #Quality switching |
| video.defaultQuality | - | see #Quality switching |
| video.url | - | video url |
| video.pic | - | video poster |
| video.type | 'auto' | values: 'auto', 'hls', 'flv', 'dash', 'webtorrent', 'normal' or other custom type, see #MSE support |
| video.customType | - | custom video type, see #MSE support |
| contextmenu | [] | custom contextmenu |
| highlight | [] | custom time markers upon progress bar |
| mutex | true | prevent to play multiple player at the same time, pause other players when this player start play |
| muted | false | video muted |
DPlayer © DIYgod, Released under the MIT License.
Authored and maintained by DIYgod with help from contributors (list).
Blog · GitHub @DIYgod · Twitter @DIYgod · Telegram Channel @awesomeDIYgod