Dplayer-lite NPM

🍭 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:

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