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

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 媒体事件的更多文档，请访问：

• https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events