没问题！要让你的音频滑块默认停在25%位置，同时让页面加载时音频就以这个音量播放，只需要简单调整代码就行，具体步骤如下：

• 给滑块设置初始值
  直接在你的滑块<input>标签里添加value="25"属性，这样滑块加载完成后就会默认显示在25%的位置。修改后的滑块代码如下：

  <input id="vol-control" type="range" min="0" max="100" step="1" value="25" oninput="SetVolume(this.value)" onchange="SetVolume(this.value)">
  

• 同步音频初始音量并完善控制函数
  这里要注意：HTML5 <audio>元素的volume属性取值范围是0到1（0代表静音，1代表最大音量），而你的滑块是0-100的百分比范围，所以需要做数值转换。你需要补充完整的JavaScript代码，确保页面加载时音频音量设为25%，同时实现正确的音量控制函数：

  // 获取页面中的音频和滑块元素
  const audioElement = document.getElementById('music');
  const volumeSlider = document.getElementById('vol-control');
  
  // 页面加载完成后，设置音频初始音量为25%
  window.addEventListener('load', function() {
    audioElement.volume = 0.25;
  });
  
  // 实现音量控制函数
  function SetVolume(volumeValue) {
    // 将滑块的0-100数值转换为音频需要的0-1范围
    audioElement.volume = volumeValue / 100;
  }
  

这样操作后，你的网站加载时，音频会自动以25%的音量循环播放，滑块也会默认停在对应的位置，拖动滑块时也能实时调整音频音量啦～

内容的提问来源于stack exchange，提问作者Prova