jQueryでビデオを再生して一時停止するにはどうすればよいですか？ - javascript、jquery、wordpress、dom、video

こんにちは私はを使用してワードプレスのウェブサイトに取り組んでいますビジュアルコンポーザー。 ページセクションには、私がしたいバックグラウンドビデオがあります 一時停止してボタンで再生します。今、画面の右下にボタンがあり、ビデオを一時停止できますが、もう一度再生するコードを見つけることができません。基本的に、ボタンでビデオを再生/一時停止状態から切り替えることができます。これは私の現在のコードであり、どのように進むべきか迷っています。

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

}};

回答：

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");

}

});

}};

による この, playJavaScriptのビデオは pause、 そう ：

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

bindPlayVideo();
}):

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