:art: ArtPlayer.js is a modern and full featured HTML5 video player
・
Online Editor
・
API Document
・
## Features
- Size - `27kB` minified and gzipped
- Subtitle - Support for `.VTT`, `.ASS` and `.SRT` formats
- Customizable - `Right Click Menu`, `Business Layer`, `Video Controller` and `Settings Panel`
- Controller - `Quality Switch`, `Subtitle Switch`, `Play Speed`, `Aspect Ratio`, `Video Flip`, `Fullscreen`, `Picture In Picture`, `Screenshot`, `Thumbnail`, `Adaptive Size`, `Highlight` and `Hotkey`...
- Built-in - `Open Local Subtitles`, `Open Local Video`, `Mini Progress Bar`, `Network Detection` and `Subtitle Time Offset`
- Integration - Easy to integration with other dependencies: `flv.js`, `hls.js`, `dash.js`, `shaka-player`, `webtorrent`...
- Code - Vanilla `ES6` and `SASS`, Highly decoupled code, clear structure, easy to track bugs and add new features
- Document - Detailed interface documentation and rich code demo
- API - Rich interface and response events, easy to interface with business or custom plugin
- I18N - support for internationalization of controls
## Install
Install with `npm`:
```bash
$ npm install artplayer
```
Or install with `yarn`:
```bash
$ yarn add artplayer
```
```js
import Artplayer from 'artplayer';
```
Or umd builds are also available:
```html
```
Or from jsDelivr CDN:
```html
```
Will expose the global variable to `window.Artplayer`.
## Usage
```html
```
```js
var art = new Artplayer({
container: '.artplayer-app',
url: 'path/to/video.mp4',
});
```
## Donations
We accept donations through these channels:
- [Patreon](https://www.patreon.com/artplayer)
- [Paypal](https://www.paypal.me/harveyzack)
## QQ Group
## License
MIT © Harvey Zack