Sint.JS

Class: VideoDom

SINT.VideoDom

new SINT.VideoDom (config)

Name Type Description
config object optional

The video options

Name Type Default Description
parentElement HTMLElement document.body optional

HTML Element
videoUrl string optional

The videoUrl
posterImg string optional

The posterImg
Example
// 


var videoContainer = document.querySelector('#videoContainer');
var video1 = new SINT.VideoDom({ parentElement: videoContainer,videoUrl: './assets/video/dino.mp4', posterImg: './assets/video/dino.jpg'});

video1.videoElement.addEventListener('click', function() {
    video1.toPlay();
});               				 

video1.on('ended',function(e){
    video1.destroy();
})

Extends

  • EventEmitter

Members

_video HTMLVideoElement

The video

parentElement HTMLElement

The parentElement.

videoElement HTMLElement

The videoElement.

Methods

destroy ()

destroy

seek (n)

Seek video

Name Type Description
n number optional

The video time

toPause ()

Pause video

toPlay ()

Play video

Events

canplay

Fired when this video canplay.

Name Type Description
video HTMLVideoElement

The video

ended

Fired when this video ended.

Name Type Description
video HTMLVideoElement

The video

playing

Fired when this video playing.

Name Type Description
video HTMLVideoElement

The video

waiting

Fired when this video waiting.

Name Type Description
video HTMLVideoElement

The video