HTML5是現代前端開發中最常用的技術之一，在網頁中嵌入視頻也是很常見的操作。但是，有時候我們希望視頻默認不播放聲音，而是需要用戶主動點擊開啟聲音功能。那么，HTML5如何設置視頻靜音呢？讓我們一起來看看。

< video muted>< source src="video.mp4" type="video/mp4">您的瀏覽器不支持video標簽< /video>

以上代碼展示了如何使用HTML5設置視頻靜音。關鍵在于設置muted屬性為true。如果不設置該屬性，視頻將默認播放聲音。我們只需要在video標簽上設置該屬性即可讓視頻默認無聲。

需要注意的是，如果用戶想要打開聲音，我們需要提供一個開關按鈕，讓用戶主動開啟或關閉聲音。您可以使用JavaScript或jQuery實現該功能。以下是示例代碼：

//JavaScript代碼
var myVideo = document.getElementById("myVideo"); //獲取視頻元素
var muteButton = document.getElementById("muteButton"); //獲取開關按鈕元素
muteButton.addEventListener("click", function(){
if(myVideo.muted){
myVideo.muted = false;
muteButton.innerHTML = "關閉聲音";
} else {
myVideo.muted = true;
muteButton.innerHTML = "開啟聲音";
}
});
//jQuery代碼
var myVideo = $("#myVideo");
var muteButton = $("#muteButton");
muteButton.click(function(){
if(myVideo.prop("muted")){
myVideo.prop("muted", false);
muteButton.html("關閉聲音");
} else {
myVideo.prop("muted", true);
muteButton.html("開啟聲音");
}
});

以上代碼中，我們使用JavaScript和jQuery分別實現了點擊按鈕開啟或關閉視頻聲音的功能。您可以根據實際需求選擇其中一種方式來實現該功能。

總之，通過設置muted屬性，我們可以很方便地實現視頻靜音功能。結合開關按鈕，可以讓用戶自由控制視頻聲音，提升用戶體驗。