逐渐切换视频的静音/取消静音

以下是逐渐切换视频的静音/取消静音的代码示例：

// 获取视频元素
var video = document.querySelector('video');

// 设置初始音量为0（静音）
video.volume = 0;

// 定义切换静音/取消静音的函数
function toggleMute() {
  // 如果当前音量为0，则取消静音并设置音量为1
  if (video.volume === 0) {
    video.volume = 1;
  } else {
    // 否则，将音量设置为0（静音）
    video.volume = 0;
  }
}

// 监听视频元素的点击事件，点击时调用切换静音/取消静音的函数
video.addEventListener('click', toggleMute);

在上面的示例中，我们首先获取到视频元素，然后将其初始音量设置为0（静音）。然后，我们定义了一个名为toggleMute的函数，该函数用于切换静音/取消静音。在函数中，我们检查当前音量是否为0，如果是，则将音量设置为1以取消静音，如果不是，则将音量设置为0以静音。最后，我们监听视频元素的点击事件，并在点击时调用toggleMute函数，以切换静音/取消静音的状态。