如何靜音環形背景視頻

Question

我正在使用Wallpaper plugin在div的背景中循環播放視頻。這個想法是在靜音的div背景中有一個視頻循環。懸停時，視頻會有聲音。

我找不到文檔或靜音方法。有什麼想法嗎？我曾嘗試通過將線插件初始化後靜音 -

$("video").prop('muted', true); 
$("video").attr('muted', 'muted'); 

Answer 1

我還沒有看到對視頻的插件的文檔中的體積基準。 然而，在一個HTML兼容的瀏覽器，它可以很容易地通過

1. 斷言muted財產
2. 的volume屬性設置爲0

你可以做到這一點的video元素或靜音jQuery包裝器。

$('video').prop('volume', 0) 
$('video').prop('muted', true) 

由於您的文檔中的視頻元素通過壁紙插件創建的，你應該在完成這些附加到DOM設置volume或muted財產。不應該有必要，但是如果遇到問題，您可以嘗試爲wallpaper.loaded事件設置事件處理程序。

$('your selector').wallpaper({ 
    //... initialization parameters 
}).on('wallpaper.loaded', function(){ 
    $('video', this).prop('muted', true); 
}); 

Answer 2

我會使用muted =「muted」屬性來獲得所需的結果，只要頁面上只有一個視頻元素可以正常工作即可。

$("video").prop('muted', 'muted'); 

jsFiddle example

編輯

FYI我檢查了牆紙插件，發現它確實做什麼，我懷疑這是創建一個視頻對象。如果你真的想知道什麼視頻可以使用包含視頻的元素，那麼子視頻元素如：

$("#pluginElem > video").prop('muted', 'muted');