🍭 Wow, such a lovely HTML5 video playe

🍭 Forked from DIYgod/DPlayer

🍭 Remove thumbnails, subtitle, danmaku, storage

🍭 Add muted

Introduction

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!

Docs

中文文档

Options

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 |

Thanks

Sponsors

Contributors

Author

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