mirrors/DPlayer
1
0
Fork 0
mirror of https://github.com/DIYgod/DPlayer synced 2024-11-22 18:56:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
391 Commits 6 Branches 44 Tags 13 MiB
JavaScript 77.3%
Less 22.7%
8e69adab3c
Go to file
DIYgod 8e69adab3c
WebTorrent supporting judgement
2018-01-19 17:38:44 +08:00
.github add ISSUE_TEMPLATE 2017-03-08 18:52:02 +08:00
demo support WebTorrent 2018-01-19 17:30:35 +08:00
dist use promise and object.assign polyfill 2018-01-19 01:52:04 +08:00
src WebTorrent supporting judgement 2018-01-19 17:38:44 +08:00
webpack replace module.exports with export default; separate js and css files into different folder 2018-01-10 18:03:58 +08:00
.eslintrc support WebTorrent 2018-01-19 17:30:35 +08:00
.gitignore ignore logs 2016-11-08 18:06:13 +08:00
.travis.yml Travis: update nodejs version, cache yarn and node_modules 2017-12-25 17:21:26 +08:00
LICENSE update README and LICENSE 2017-07-23 22:13:11 +08:00
package.json longer autohide controller time 2018-01-19 11:25:48 +08:00
README.md support WebTorrent 2018-01-19 17:30:35 +08:00
yarn.lock use promise and object.assign polyfill 2018-01-19 01:52:04 +08:00

README.md

ADPlayer

DPlayer

Wow, such a lovely HTML5 danmaku video player

npm npm npm size Travis devDependency Status donate

Introduction

image

DPlayer is a lovely HTML5 danmaku video player to help people build video and danmaku easily.

DPlayer supports:

  • Streaming formats
  • 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!

Demo

Docs

Install

$ npm install dplayer --save

Quick Start

<link rel="stylesheet" href="dist/DPlayer.min.css">
<div id="player1"></div>
<script src="dist/DPlayer.min.js"></script>

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

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:

<iframe src="example.com"
        allowfullscreen="allowfullscreen"
        mozallowfullscreen="mozallowfullscreen"
        msallowfullscreen="msallowfullscreen"
        oallowfullscreen="oallowfullscreen"
        webkitallowfullscreen="webkitallowfullscreen"></iframe>
Why can't player autoplay in some mobile browsers?

Most mobile browsers forbid video autoplay, you wont be able to achieve it without hacks.

Join the Discussion

Related Projects

Who use DPlayer?

CDN

Donate

Sponsor

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