Copy link to clipboard
Copied
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();
});
//===========
sure:
this.toggle_mc.addEventListener("click",toggleF);
function toggleF(){
if($('#v1')[0].paused){
$('#v1')[0].play();
} else {
$('#v1')[0].pause();
}
}
Copy link to clipboard
Copied
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();
}
Copy link to clipboard
Copied
is there a way we can use single button to control the play and pause?
Copy link to clipboard
Copied
sure:
this.toggle_mc.addEventListener("click",toggleF);
function toggleF(){
if($('#v1')[0].paused){
$('#v1')[0].play();
} else {
$('#v1')[0].pause();
}
}
Copy link to clipboard
Copied
Copy link to clipboard
Copied
you're welcome.