[英]Unable to Mute HTML5 Video Tag in Firefox
我想和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獲取媒體流。
這是一個已知問題,如果有,有什么解決方法可以解決這個問題嗎?
謝謝。
我也遇到過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>
注意:這個問題有一個更好的答案
我在FF45中也有這個問題。 解決方案是在代碼與DOM中設置靜音。
$("#browserCheck").get(0)
<video id="browserCheck" class="img-responsive" autoplay="" muted="true">
$("#browserCheck").get(0).muted
false
$("#browserCheck").get(0).muted = true
true
$("#browserCheck").get(0).muted
true
我也無法使用Firefox靜音視頻。 Chrome沒問題。 我通過將音量設置為零來解決Firefox問題。 同樣的凈效應?
var video = document.querySelector("#movie");
video.volume = 0;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.