嵌入视频停止 div 隐藏

Question

好的，所以我目前正在使用下面的代码来隐藏和显示 div。 div 包含直接从 MP4 link 嵌入的视频，我遇到的问题是当我隐藏 div 时，视频继续在后台播放，如何我停止这个..

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

Answer 1

在您要隐藏的元素内找到视频标签，然后pause它。如果您没有超过一个视频，这应该有效（当然假设您使用的是 HTML5 视频）：

<script type="text/javascript">
    function toggle_visibility(id) {
      var e = document.getElementById(id);
       if(e.style.display == 'block') {
          var video = e.getElementsByTagName("video")[0];
          video.pause();
          e.style.display = 'none';
        } else {
          e.style.display = 'block';
        }
    }
</script>