jQuery - 取消静音并设置音量 <video>

Posted 2023-05-07

【中文标题】jQuery - 取消静音并设置音量 <video>

【英文标题】：jQuery - unmute and set volume <video>

【发布时间】：2021-10-29 20:00:33

【问题描述】：

我想在视频播放时取消静音并设置音量

html

<video autoplay muted class="recommendationVideo">
     <source src="assets/images/30 Second Demo.mp4" type="video/mp4">
</video>

jQuery

$('.recommendationVideo').on('played', function()
    $(this).prop('mute', false)
);

【参考方案1】：

您的代码中有两个问题。

首先，played 事件应该是play，其次，mute 属性应该是muted。更正后它可以工作：

$('.recommendationVideo').on('play', function() 
  $(this).prop('muted', false)
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<video muted class="recommendationVideo" controls>
  <source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>

【讨论】：

好的，感谢指出错误，但我不想显示controls 并希望设置为autoplay，当视频开始播放时应该取消静音。

谢谢，它可以工作，但只有在刷新同一页面后第一次它不会取消静音。

但是这段代码有效，当我第一次播放视频时它是取消静音但刷新页面视频后是静音的。 developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/… , developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/…