Jquery 在滑块上的div内播放暂停视频

我有一个网站，它模拟了一个演示文稿，当单击“下一步”按钮时，图像和视频都会移动到下一个。相反，为后退按钮

问题是，当单击“下一步”按钮时，我正在努力播放视频。单击“下一步”按钮时如何在下一页播放视频（并在当前页暂停视频），单击“上一步”按钮时如何在上一页播放视频

这就是我所做的

代码 我在jQuery中尝试了什么，但没有成功

---

您正试图对jQuery对象调用

play（）

。您需要在原生视频DOM元素上调用它。您可以使用jQuery

.get（）

函数来实现：

$curr1.children('video').get(0).play();

或

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


    var $curr = $( "#start" );
    $curr.css( "height" , "" );

    $( ".back" ).click(function() {
      $curr = $curr.prev();
      var styles = {
          display: "block"
        };

        var default_styles = {
          display: "none"
        };
      $( "div.example" ).css( default_styles );
      $curr.css( styles );
    });


    $( ".forward" ).click(function() {

      $curr = $curr.next();
    var styles = {
          display: "block"
        };

        var default_styles = {
          display: "none"
        };
      $( "div.example" ).css( default_styles );
      $curr.css( styles );
    });


    var $curr1 = $( "#start1" );
    $curr1.css(  "height" , "" );

    $( ".back" ).click(function() {
      $curr1 = $curr1.prev();
      var styles = {
          display: "block"
        };

        var default_styles = {
          display: "none"
        };
      $( "div.example1" ).css( default_styles );
      $curr1.css( styles );
    });


    $( ".forward" ).click(function() {

      $curr1 = $curr1.next();
    var styles = {
          display: "block"
        };

        var default_styles = {
          display: "none"
        };
      $( "div.example1" ).css( default_styles );
      $curr1.css( styles );

      //$curr1.children('video').play();
      //$curr1.children('video').attr({'autoplay':'true'});


    });






});

  $curr1.children('video').play();
  $curr1.children('video').attr({'autoplay':'true'});
  $("#example2 video.example1").play();

$curr1.children('video').get(0).play();

$curr1.children('video')[0].play();