如何静音循环背景视频

Question

我正在使用Wallpaper plugin在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

修改

仅供参考我检查了壁纸插件，看到它确实做了我怀疑创建视频对象的事情。如果您真的想了解哪些视频可以使用包装视频的元素，那么子视频元素如：

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