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();
  }
});

提前致谢!

最佳答案

要给出完整的答案，您应该确保<video />标记不具有autoplay属性，以防止它在页面加载后立即启动，并为它提供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();
    }

   }
});