Question

好的，所以我目前正在使用下面的代码来隐藏和显示div。 div包含一个直接嵌入MP4链接的视频，我遇到的问题是当我隐藏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>

嵌入视频停止div隐藏

1 个答案: