如何在点击取消静音按钮时将音量设置为特定值？

Question

我使用的是 媒体播放器 对于我的视频，我的视频默认是静音的，现在我想在点击取消静音按钮时，音量应该是70%。

超文本标记语言

<div class="video">
   <video id="player1" muted autoplay controls preload="none">
      <source type="video/mp4" src="https://commondatastorage.googleapis.com/gtv-videos-bucket/CastVideos/mp4/BigBuckBunny.mp4" data-quality="SD" />
   </video>
</div>

这里是JS

$('video').mediaelementplayer({
    features: ['playpause', 'current', 'progress', 'duration', 'volume', 'fullscreen', 'quality'],
    stretching: "responsive",
    enableAutosize: false,
    startVolume: 0.5,
    success: function(mediaElement, domObject) {
        mediaElement.setVolume(0.5);
        console.log(mediaElement);
    }
});

现在当我点击unmuted按钮时，音量没有设置为0.5。

我需要做什么来解决这个问题吗？ 任何帮助或建议将感激不尽

Answer 1

寻找 "volumechnage "事件可以让你做到这一点--请看下面的修改后的Javascript，在用你的演示示例进行测试时，它可以工作。

$('video').mediaelementplayer({
        features : ['playpause','current','progress','duration','volume','fullscreen','quality'],
  stretching : "responsive",
    enableAutosize : false,
   startVolume: 0.5,
    success: function (mediaElement, domObject) {
            mediaElement.setVolume(0.5);
            console.log(mediaElement);
            mediaElement.addEventListener("volumechange", function() {
                 mediaElement.setVolume(0.5)
                       }, false);
     }
});

更多关于HTML5媒体事件的文档请点击这里。

• https:/developer.mozilla.orgen-USdocsWebGuideEventsMedia_events。