鼠标滚轮操作改为调整音量
————————————————————————————————————
// 获取视频元素和初始音量
const videoElement = document.querySelector('.player-video');
let volume = parseFloat(videoElement.volume.toFixed(2)); // 初始音量并保留两位小数
function handleWheelEvent(e) {
// 阻止事件传播和默认行为
e.stopPropagation();
e.stopImmediatePropagation();
e.preventDefault();
// 确定音量变化方向
const isScrollingUp = e.deltaY < 0;
// 计算新音量(每次变化2%)
if (isScrollingUp) {
volume = Math.min(volume + 0.02, 1);
} else {
volume = Math.max(volume - 0.02, 0);
}
// 更新音量并保留两位小数
volume = parseFloat(volume.toFixed(2));
videoElement.volume = volume;
}
// 添加事件监听器
const playerWrapper = document.querySelector('.player-wrapper');
playerWrapper.addEventListener('wheel', handleWheelEvent, {
capture: true,
passive: false
});