无法在Firefox中将HTML5视频标记静音

Question

我想和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>

在Firefox中,muted ="true"属性不起作用,所以我听到了自己的声音.我尝试在其他主题中设置多种方式的静音...

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

这个代码片段与jquery的不同变体没有用.

然后我决定在视频标签中添加controls属性,以便观察Firefox控制按钮的工作原理.我已经看到Firefox控制器上的静音按钮也不起作用.

使用Windows 7 - 8.1,带有Yosemite的macOS的Firefox 35和Firefox ESR 31.5都会出现此问题.我通过webrtc库localStream获取媒体流.

这是一个已知问题,如果有,有什么解决方法可以解决这个问题吗？

谢谢.

Answer 1

我也遇到过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>

Answer 2

我在使用 Firefox 将视频静音时也遇到了问题。Chrome 中没问题。我通过将音量设置为零解决了 Firefox 问题。相同的净效应？

var video = document.querySelector("#movie");     
video.volume = 0;