Skip to main content
andz
Inspiring
October 6, 2020
Answered

html5 video player button

  • October 6, 2020
  • 3 replies
  • 417 views

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();
});

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

    This topic has been closed for replies.
    Correct answer kglad

    sure:

     

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


    function toggleF(){

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

    } else {

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

    }
    }

    3 replies

    kglad
    Community Expert
    Community Expert
    October 8, 2020

    you're welcome.

    kglad
    Community Expert
    kgladCommunity ExpertCorrect answer
    Community Expert
    October 7, 2020

    sure:

     

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


    function toggleF(){

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

    } else {

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

    }
    }

    andz
    andzAuthor
    Inspiring
    October 8, 2020

    yes this is working for my need.

     

    Thank you @kglad 

    kglad
    Community Expert
    Community Expert
    October 6, 2020

    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();
    }

    andz
    andzAuthor
    Inspiring
    October 7, 2020

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