Spaces:
Running
Running
Update index.html
Browse files- index.html +11 -3
index.html
CHANGED
@@ -1008,9 +1008,17 @@
|
|
1008 |
video.addEventListener('pause', () => playPauseBtn.textContent = '▶');
|
1009 |
video.addEventListener('timeupdate', updateProgress);
|
1010 |
progressContainer.addEventListener('click', setProgress);
|
1011 |
-
|
1012 |
-
|
1013 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1014 |
volumeBtn.addEventListener('click', toggleMute);
|
1015 |
volumeSlider.addEventListener('input', handleVolumeChange);
|
1016 |
fullscreenBtn.addEventListener('click', goFullscreen);
|
|
|
1008 |
video.addEventListener('pause', () => playPauseBtn.textContent = '▶');
|
1009 |
video.addEventListener('timeupdate', updateProgress);
|
1010 |
progressContainer.addEventListener('click', setProgress);
|
1011 |
+
progressContainer.addEventListener('mousedown', () => {
|
1012 |
+
isDragging = true;
|
1013 |
+
});
|
1014 |
+
document.addEventListener('mouseup', () => {
|
1015 |
+
isDragging = false;
|
1016 |
+
});
|
1017 |
+
progressContainer.addEventListener('mousemove', (e) => {
|
1018 |
+
if (isDragging) {
|
1019 |
+
setProgress(e);
|
1020 |
+
}
|
1021 |
+
});
|
1022 |
volumeBtn.addEventListener('click', toggleMute);
|
1023 |
volumeSlider.addEventListener('input', handleVolumeChange);
|
1024 |
fullscreenBtn.addEventListener('click', goFullscreen);
|