Jak mogę zrobić wideo odtwarzać i pauzować w jQuery? - javascript, jquery, wordpress, dom, wideo

Witam pracuję nad stroną z wordpress za pomocąkompozytor wizualny. W sekcji strony mam wideo w tle, które chciałbym wstrzymaj i graj za pomocą przycisku. Teraz mam przycisk w prawym dolnym rogu ekranu i jestem w stanie zatrzymać wideo, ale mam problem ze znalezieniem kodu, aby ponownie go odtworzyć. Zasadniczo chciałbym, aby przycisk przełączał wideo ze stanu odtwarzania / wstrzymania. To jest mój obecny kod i jestem zagubiony, jak postępować.

jQuery( document ).ready(function() {

jQuery(".sound-toggle").click( function (){

/* pause the video in the page section */
jQuery(".mk-section-video video").get(0).pause();

/* change button icon when toggled */
jQuery(this).toggleClass("mk-moon-volume-2 mk-moon-volume-mute-2");
});

}};

Odpowiedzi:

jQuery( document ).ready(function() {

jQuery(".sound-toggle").click( function (){

if(jQuery(".mk-section-video video").paused){


/* pause the video in the page section */
jQuery(".mk-section-video video").get(0).pause();

/* change button icon when toggled */
jQuery(this).toggleClass("mk-moon-volume-2 mk-moon-volume-mute-2");

}else{

/* play the video in the page section */
jQuery(".mk-section-video video").get(0).play();

/* change button icon when toggled */
jQuery(this).toggleClass("mk-moon-volume-2 mk-moon-volume-mute-2");

}

});

}};

Według to, playwideo w JavaScript jest takie samo jak pause, więc :

$(document).ready(function() {
//........

bindPlayVideo();
}):

function bindPlayVideo() {
$("#yourButtonId").click(function() {
var videoEl = $(".mk-section-video video").get(0);
videoEl.play();
});