Javascript 静音隐藏div（视频）html5

我正在使用一个隐藏在网页上的视频div，并使用javascript按键调整其可见性。当页面加载时，即使div被隐藏，我仍然可以听到声音。 1.隐藏div时是否可以静音？ 或 2.切换div可见性时是否可以启动/停止播放

$(document).keypress(function(e) {
  var key = e.which;
  if (key == 116) {
    // if the user pressed 't':
    $('div').toggle();
  }
});

---

提前谢谢

要给出完整的答案，您应该确保您的

标签没有

自动播放

属性，以防止页面加载后立即启动，并为其提供

id

属性，以便您可以访问它。然后，当用户切换可见性以开始/暂停播放时，可以使用一些基本javascript：

要玩，您可以：

document.getElementById('your-video-id').play(); 

暂停：

document.getElementById('your-video-id').pause();

因此，您的按键功能可以变成：

$(document).keypress(function(e) {
  var key = e.which;
  // Grab a reference to your video
  var video = document.getElementById('your-video-id');

   if (key == 116) {         
     // if the user pressed 't':
     $('div').toggle();

     // Check if the video is paused, if it is then play, if it's playing then pause.
    if(video.paused){
      video.play();
    } else {
      video.pause();
    }

   }
});

---

确保视频元素未启用自动播放和/或设置为静音。切换div时，使用.play启动视频，隐藏elementWorks时使用.stop停止视频。有没有办法将视频重置为始终从头开始播放？您应该能够在暂停切换后将视频的currentTime属性设置为0。所以

else{video.pause（）；video.currentTime=0；}