javascript - jQuery 中的切换功能

Question

我使用切换功能来显示和隐藏内容，效果很好，唯一的问题是，当我放置视频时，即使隐藏视频，视频也会继续播放，有什么方法可以停止播放隐藏时的视频

$(document).ready(function(){
    $("button").click(function(){             
        $("p").toggle();
    });
});



 <button>Toggle</button>

  <p>the video is displayed here</p>

Answer 1

你可以这样做:

$(document).ready(function(){
$("button").click(function(){
    $("p").toggle();
    if (document.getElementById('myVideo').paused) 
      document.getElementById('myVideo').play();
    else 
      document.getElementById('myVideo').pause();
});
});

如果视频已暂停，则播放它；如果正在播放，则在点击时暂停。