嵌入視頻停止在div隱藏

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>