Skip to content
No hassle, no fuss, just nice and easy video player
TypeScript CSS JavaScript HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dev-env chore(ci): try fix SauceLabs safari issue, by using osx 10.12 Jun 1, 2018
docs chore: Adding logo in README Nov 20, 2019
scripts chore: update version task Jun 7, 2019
src chore(modules/chromecast) - write tests for chromecast-manager (#112) Nov 21, 2019
tslint-rules Migrating to ^2.7.0 ts with new flag for commonjs modules Feb 9, 2018
.csscomb.json [VP-77] revert csscomb changes over `slate` stylesheets Dec 15, 2017
.editorconfig Add .editorconfig Jan 30, 2017
.gitignore migrate to `haste-preset-playable` with rollup and cleaned up unused … Feb 15, 2018
.npmignore Clearing ignore files from unused pathes Sep 20, 2017
.npmrc force npm to use https://registry.npmjs.org/ Feb 8, 2018
.nvmrc chore: changed node version to 10.14.2 and restoring docs in precommit Apr 23, 2019
.prettierrc Adding prettier and clearing tslint rules for codestyle Nov 20, 2017
.travis.yml ci: add saucelabs launchers to karma config Apr 18, 2018
CONTRIBUTING.md feat(modules/ui): Add RTL support Sep 19, 2019
LICENSE Create LICENSE May 8, 2018
LINKS.md chore: updating docs Nov 6, 2018
README.md Update README.md Nov 21, 2019
package.json 2.10.2 Oct 18, 2019
pom.xml use `1.0.0-SNAPSHOT` version in `pom.xml` Feb 8, 2018
tsconfig.json feat: typings and small changes in exports Feb 28, 2019
tslint.json chore(lint): adding no-shadowed-variable rule Sep 7, 2018
wallaby.js chore: adding wallaby.js support Jul 9, 2018

README.md

Playable logo

Playable

Build Status npm

IMPORTANT! Migration guide from 1.0.0 to 2.0.0 you can find here.

You can play with demo here: https://jsfiddle.net/bodia/to0r65f4/

Get it

$ npm install playable --save

Use it

In modern way

import Playable from 'playable';

Or in old school way, add a <script> element for video-player

<script src="path/to/playable/dist/statics/playable.bundle.js"></script>

And write awesome code:

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.github.io/playable/

Big thanks!

Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs

You can’t perform that action at this time.