如何在单击Un静音按钮时将卷设置为特定值？

Question

我使用媒体播放器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，

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

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媒体事件的更多文档如下：

• 事件