HTML5 Javascript player
With this player you can add video in different quality. You can see basic usage in the example folder.
document.querySelector('video.my-player').purePlayer();
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'
}
}
});
| 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 |
.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 |
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 |
Call when video finished. |
Example:
myPlayer.onend = function () {
console.log('The end!');
}