HTML5 Javascript player
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
example
src
.gitignore
.travis.yml
LICENSE
README.md
gulpfile.js
package.json

README.md

PurePlayer

Build Status Version Downloads License

HTML5 Javascript player

PurePlayer

With this player you can add video in different quality. You can see basic usage in the example folder.

Basic usage:

document.querySelector('video.my-player').purePlayer();

Advanced usage:

var myPlayer = document.getElementById('player').purePlayer({
    autoplay: false,
    format: 'video/mp4',
    video: {
        '720': {
            'src': '../example/video/720.mp4'
        },
        '480': {
            'src': '../example/video/480.mp4'
        },
        '360': {
            'src': '../example/video/360.mp4'
        }
    }
});

Available methods:

Method Description
.play() Play the video
.pause() Pause the video
.stop() Stop playing and set position to start
.setPosition(5) Set current position (in seconds)
.destroy() Remove current player
.init() Initiate player after removing

Available events:

onplay
.onplay Call when video start playing. You can specify parameter to get position (in seconds) of current video.

Example:

myPlayer.onplay = function (currentPosition) {
    console.log('Play video from ', currentPosition);
}
onpause
.onpause Call when video pause playing. You can specify parameter to get position (in seconds) of current video.

Example:

myPlayer.onpause = function (currentPosition) {
    console.log('Pause video from ', currentPosition);
}
onend
.onend Call when video finished.

Example:

myPlayer.onend = function () {
    console.log('The end!');
}