Question

我正在使用隐藏在网页上的视频div，并使用javascript keypress来显示其可见性。当页面加载时，即使div被隐藏，我仍然可以听到声音。 1.当隐藏div时，是否可以将声音静音？要么 2.当我切换div可见性时，是否可以开始/停止播放？

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

提前致谢！

Answer 1

要给出完整答案，您应该确保您的<video />标记没有autoplay属性，以便在网页加载后立即停止，并为其id 1}}属性，以便您可以访问它。然后，当用户切换可见性以开始/暂停播放时，您可以使用一些基本的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（视频）html5

1 个答案: