单击取消静音按钮后如何将音量设置为特定值？答案

【问题标题】：How to set volume to be at a specific value upon clicking unmute button?单击取消静音按钮后如何将音量设置为特定值？
【发布时间】：2020-05-12 09:04:30
【问题描述】：

我的视频使用media player js，我的视频默认静音，现在我想在点击取消静音按钮时音量应为 70%，

HTML

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

现在，当我单击取消静音按钮时，音量未设置为 0.5，

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

【问题讨论】：

标签： javascript html jquery html5-video mediaelement.js

【解决方案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.org/en-US/docs/Web/Guide/Events/Media_events

【讨论】：