javascript - 如何在视频被javascript代码隐藏后停止播放视频

Question

这是我想在隐藏视频后停止播放视频的 JavaScript 代码。你能给我一个简单的解决方案吗？

<script type="text/javascript">
 function display(id) {
  var vid = document.getElementById(id);
   if(vid.style.display == 'block') {

      vid.style.display = 'none';
    } else {
      vid.style.display = 'block';
    }
}


</script>

html 代码:

<div> <a onclick="display('ch1');"> <span>Video tutorial Ch1</span> </a> </div> 
  <div> <a onclick="display('ch2');"> <span>Video tutorial Ch2</span> </a> </div>
</section>

Answer 1

使用vid.pause()和vid.play()

<script type="text/javascript">
   function display(id) {
       var vid = document.getElementById(id);
       if(vid.style.display == 'block') {
           vid.style.display = 'none';
           vid.pause();
       } else {
          vid.style.display = 'block';
          vid.play();
       }
    }
</script>

w3schools.com/tags/av_met_pause.asp