Question

当声音关闭时，我需要在视频顶部显示声音图标，并在声音打开时隐藏声音图标。由于某种原因，下面的代码不起作用。

if (video.prop('muted') === true) {
      video.mouseenter( function() {sound.show()} ).mouseleave( function() {sound.hide()} );
    }
else {
   sound.hide();
 }

<video id="video" controls  muted preload="none" width="446" height="250"></video>

我明白了。现在它就像这样。

 video.mouseenter( function() {
  if (video.prop('muted') === true) {
    sound.show()
  }
  else {
    sound.hide()
  }
});
video.mouseleave( function() {
  sound.hide();
});

Answer 1

考虑您的video元素：

<video id="video" controls muted preload="none" width="446" height="250">
</video>

您可以通过测试元素的volume和muted媒体属性来确定声音是否已开启：

var video = document.getElementById("video");
if (video.muted || video.volume === 0) {
    // Sound is off
}

如何检查HTML5视频上的SOUND是否为ON / OFF

1 个答案: