Skip to content
This repository was archived by the owner on Dec 2, 2020. It is now read-only.

Repository files navigation

Build StatusVersionNPMLICENSE

react-dplayer demonext demo

Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

React component for Dplayer based on DPlayer(V1.26.0).

Install

npm install react-dplayer -D

Usage

commonjs

importDPlayerfrom"react-dplayer";classExampleextendsComponent{render(){return(<DPlayeroptions={{video:{url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4'}}}/>)}}

browser

<scriptsrc="https://unpkg.com/dplayer/dist/DPlayer.min.js" /><scriptsrc="https://unpkg.com/react/dist/react.min.js" /><scriptsrc="https://unpkg.com/react-dom/dist/react-dom.min.js" /><scriptsrc="https://unpkg.com/react-dplayer/dist/react-dplayer.min.js" /><divid="example"></div><script>ReactDOM.render(React.createElement('div',{style: {width: 800,margin: '0px auto'}},React.createElement(ReactDPlayer,{options:{video: {url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4'}}})),document.getElementById('example'));</script>

The package also includes an in-built example under the /example folder. Run the sample application by cloning project and running npm start.

Props

NameTypeDefaultDescription
optionsObject--read doc

Events

camel-case rule example play as onPlay

NameParamsDescription
allEventdefaultread doc

Development

  • npm run start: Run example in development mode
  • npm run compile: Build react-dplayer(commonjs)
  • npm run dist: dist react-dplayer (umd)

License

react-dplayer is released under the MIT license.

Releases

Packages

Used by

Contributors

Languages