Question

您好我正在使用视觉作曲家在wordpress网站上工作。在页面部分我有一个我想要的背景视频暂停并按下按钮。现在我有屏幕右下方的按钮，我可以暂停视频，但我找不到再次播放的代码。基本上我希望按钮能够从播放/暂停状态切换视频。这是我目前的代码，我对如何继续进行了迷失。

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

}};

Answer 1

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

   }

   });

}};

Answer 2

根据this，play JavaScript中的视频与pause相同，因此：

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

    bindPlayVideo();
}):

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

如何在jQuery中制作视频播放和暂停？

2 个答案: