无法在 Firefox 中静音 HTML5 视频标签

2023-12-25

我想用 webrtc 进行视频通话。我有两个流,一个是本地流,第二个是远程流。

在 Chrome 中,我将视频标签静音,以免听到我的声音,从而导致回声。我的 HTML 标签就像;

<video style="position:absolute;right:5px;bottom:5px;display: inline;" class="localVideo" autoplay="autoplay" 
muted="true" 
src="mediastream:3ffffe01-da89-44d9-b9cf-454b11ec6a6a" height="25%" width="25%"></video>

在火狐中静音=“真”属性不起作用,让我听到自己的声音。我尝试在其他主题中通过多种方式设置静音属性,例如;

var video = document.querySelector("#movie");     
video.muted = true;

此代码片段与 jquery 的不同变体不起作用。

然后我决定将controls 属性添加到video 标签中,以便观看Firefox 控制按钮的工作原理。我发现 Firefox 控制器上的静音按钮也不起作用。

此问题出现在带有 Windows 7 - 8.1 的 Firefox 35 和 Firefox ESR 31.5 以及带有 Yosemite 的 macOS 中。我通过 webrtc 库 localStream 获取媒体流。

这是一个已知问题吗?如果是,是否有任何解决方法可以解决此问题?

Thanks.


我在使用 Firefox 时也遇到了这个问题,我发现的最简单的解决方案是使用onloadedmetadata活动如下:

video {
  width: 200px;
  height: 200px;
}
<video
  src="https://scontent-lhr3-1.cdninstagram.com/t50.2886-16/12930587_1020784647992081_252978711_n.mp4"
  muted
  onloadedmetadata="this.muted = true"
  onmouseenter="play()"
  onmouseleave="pause()"
  playsinline>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法在 Firefox 中静音 HTML5 视频标签 的相关文章

随机推荐