如何静音一个环形的背景视频

Question

我正在使用壁纸插件在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=“静音”来获得想要的结果，只要页面上只有一个可以正常工作的视频元素。

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

jsFiddle实例

编辑

我查看了壁纸插件，发现它确实做了我想做的事情，那就是创建一个视频对象。如果您真的想具体了解视频是做什么的，那么您可以使用包装视频的元素，那么子视频元素如下：

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