html5 video player button

[#1]

with the video component control disable and having a single custom button to control the play and pause of the video.

what should be the exact format of the code or script for it. 

//===========

var _this = this;

_this.button_play.on('click', function () {
$('#videoplayer')[0].play();
});

//===========

[#2]

that should work.  use pause() to stop the video.

my personal preference (for no good reason) is to use the more verbose:

this.stop_mc.addEventListener("click",stopF);
this.play_mc.addEventListener("click",playF);

function playF(){
$('#v1')[0].play();
}

function stopF(){
$('#v1')[0].pause();
}

[#3]

is there a way we can use single button to control the play and pause?

[#4 · Accepted solution]

sure:

this.toggle_mc.addEventListener("click",toggleF);

function toggleF(){

if($('#v1')[0].paused){
$('#v1')[0].play();

} else {

$('#v1')[0].pause();

}
}

[#5]

yes this is working for my need.

Thank you @kglad 

[#6]

you're welcome.