在瀏覽器中隱藏video.js揚聲器圖標

Question

我在我的網站上有一個靜音視頻（video.js）作爲背景。瀏覽器選項卡顯示頁面標題旁邊的揚聲器圖標。如何防止顯示此圖標？我的視頻只是一個背景，它沒有任何聲音。我不知道視頻編輯器是否清除音頻聲道，但事實是視頻是靜音的。

這裏我的嵌入代碼：

<!-- Video.js Player --> 
<video id="videoBanner2" class="video-js vjs-default-skin hidden-xs" width="100%" data-setup='{ "autoplay": true, "loop":true, "preload":true, "controls":false , "muted":true, "poster": "https://embed-ssl.wistia.com/deliveries/.jpg" }'> 
<source src="https://embed-ssl.wistia.com/deliveries/.mp4" type='video/mp4' />  
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that 
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> 
</video> 
<script> 
//pa que arranque en safari & chrome 
    var $video = $('#videoBanner2'); 
    $video.on('canplaythrough', function() { 
    this.play(); 
    }); 
</script> 
<!-- /Video.js Player --> 

Answer 1

添加CSS規則

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { 
    display: none; 
} 

Answer 2

我一直面臨着同樣的問題，也許是添加此代碼會有所幫助。在我的網站上，揚聲器圖標已經消失。

<script> 
    var vid = document.getElementById("videoBanner2"); 
    vid.muted = true; 
</script>