diff --git a/src/components/video/controls/VolumeControl.tsx b/src/components/video/controls/VolumeControl.tsx
index 99ec160f..61aff1fc 100644
--- a/src/components/video/controls/VolumeControl.tsx
+++ b/src/components/video/controls/VolumeControl.tsx
@@ -70,6 +70,7 @@ export function VolumeControl(props: Props) {
             ref={ref}
             className="flex h-10 w-20 items-center px-2"
             onMouseDown={dragMouseDown}
+            onTouchStart={dragMouseDown}
           >
             <div className="relative h-1 flex-1 rounded-full bg-gray-500 bg-opacity-50">
               <div