https://github.com/wix-incubator/playable
No hassle, no fuss, just nice and easy video player
https://github.com/wix-incubator/playable
javascript
Last synced: about 1 year ago
JSON representation
No hassle, no fuss, just nice and easy video player
- Host: GitHub
- URL: https://github.com/wix-incubator/playable
- Owner: wix-incubator
- License: mit
- Created: 2018-02-01T09:08:51.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-12-17T11:49:34.000Z (over 1 year ago)
- Last Synced: 2025-03-29T14:11:18.363Z (about 1 year ago)
- Topics: javascript
- Language: TypeScript
- Homepage: https://wix-incubator.github.io/playable/
- Size: 22 MB
- Stars: 98
- Watchers: 214
- Forks: 10
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
Playable
**IMPORTANT!** Migration guide from 1.0.0 to 2.0.0 you can find [here](/docs/2.0.0-migration.md).
You can play with demo here: [https://jsfiddle.net/bodia/to0r65f4/](https://jsfiddle.net/bodia/to0r65f4/)
## Get it
```
$ npm install playable --save
```
## Use it
In modern way
```javascript
import Playable from 'playable';
```
Or in old school way, add a `` element for video-player
```html
<script src="path/to/playable/dist/statics/playable.bundle.js">
```
And write awesome code:
```javascript
document.addEventListener('DOMContentLoaded', function() {
const config = {
width: 700,
height: 394,
src: 'http://my-url/video.mp4',
preload: 'metadata',
};
const player = Playable.create(config);
player.attachToElement(document.getElementById('content'));
});
```
You can find documentation here: [https://wix-incubator.github.io/playable/](https://wix-incubator.github.io/playable/)
## Big thanks!
Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs][sauselabs-homepage]
[sauselabs-homepage]: https://saucelabs.com
[documentation]: https://wix-incubator.github.io/playable/