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
384 Commits 6 Branches 44 Tags 13 MiB
JavaScript 77.3%
Less 22.7%
6524114f05
Go to file
DIYgod 6524114f05
fix error in reading empty danmaku list
2018-01-12 00:45:09 +08:00
.github add ISSUE_TEMPLATE 2017-03-08 18:52:02 +08:00
demo fix error in reading empty danmaku list 2018-01-12 00:45:09 +08:00
dist fix error in reading empty danmaku list 2018-01-12 00:45:09 +08:00
src fix error in reading empty danmaku list 2018-01-12 00:45:09 +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 MPEG DASH support 2017-09-26 01:51:33 +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 fix error in reading empty danmaku list 2018-01-12 00:45:09 +08:00
README.md add FAQ 2018-01-10 17:27:00 +08:00
yarn.lock fix danmaku callback error in mobile and live mode 2017-12-01 16:58:46 +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