html5視頻如何靜音？

我正在爲客戶建立一個頁面，他希望我在他的畫廊展示他的一些視頻。問題是，他做了很多砌體工程/施工/具體工作，他只是不講髒話，只是聽起來像他的視頻中的全部雞巴。儘管如此，他希望我把它們放到網上。html5視頻如何靜音？

我的問題是這樣的：我可以使用某種類型的html5選擇器/ js/jquery/css/etc從視頻標籤中刪除音量控制？我可以使用其他程序從原始視頻中完全刪除所有聲音，但是如果有更好，更優雅的方式。

我已經嘗試過這樣的事情：

var myVideo = document.getElementById('myVideo'); 
myVideo.muted = true;

和它的工作，但它只是開始的視頻靜音。它仍然有增加音量的選項。基本上我希望用戶能夠看到視頻並且除了聲音之外還有所有可用的控件。我想讓視頻開始靜音，用戶無法增加聲音。

有什麼建議嗎？

也許編輯視頻和擺脫聲音？ :) – szpic

HTML 5中沒有API強制聲音保持關閉狀態。

只有通過完全刪除本地控件並構建自己的替換，才能擺脫音量控制。

但是，這仍然會讓人們通過瀏覽器控制檯訪問視頻對象，並使用HTML 5 API取消靜音。

阻止他們獲取聲音軌道的唯一方法是在將其傳送到瀏覽器之前將其從媒體文件中取出。

2014-01-29 09:52:42 Quentin

thx。看起來這是要走的路... –

請注意，在移動Safari（ipad公司，iphones），你根本無法控制視頻的音量。所以你可能想要去掉音頻。 – brianchirls

是的，我其實剛剛在今天早些時候閱讀。我終於結束了從文件中刪除所有音頻。我花了4小時以上，因爲它有30個視頻，Movie Maker是視頻編輯器的懶惰等價物。現在...我必須將它們全部轉換爲.ogv和.webm。這應該是另一個有趣的旅程...... –

是的，你可以：

<video autoplay loop muted> 
     <!-- your sources --> 
</video>

在這裏你可以看到一個關於HTML 5視頻作爲背景後：http://www.returngis.net/2014/01/html-5-video-como-background/

此外，您還可以控制這種使用video.muted屬性。類似這樣的：

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

乾杯！

2014-01-30 14:00:19 0GiS0

回答