fix: pressin to show controls

app/(auth)/player/direct-player.tsx

@@ -404,10 +404,7 @@ export default function page() {
 
   return (
     <View style={{ flex: 1, backgroundColor: "black" }}>
-      <Pressable
-        onPress={() => {
-          // setShowControls(!showControls);
-        }}
+      <View
         style={{
           display: "flex",
           width: "100%",
@@ -445,7 +442,7 @@ export default function page() {
             writeToLog("ERROR", "Video Error", e.nativeEvent);
           }}
         />
-      </Pressable>
+      </View>
       {videoRef.current && (
         <Controls
           mediaSource={stream?.mediaSource}

app/(auth)/player/transcoding-player.tsx

@@ -395,10 +395,7 @@ const Player = () => {
 
   return (
     <View style={{ flex: 1, backgroundColor: "black" }}>
-      <Pressable
-        onPress={() => {
-          // setShowControls(!showControls);
-        }}
+      <View
         style={{
           display: "flex",
           width: "100%",
@@ -461,7 +458,7 @@ const Player = () => {
         ) : (
           <Text>No video source...</Text>
         )}
-      </Pressable>
+      </View>
 
       {item && (
         <Controls

components/video-player/controls/Controls.tsx

@@ -382,7 +382,7 @@ export const Controls: React.FC<Props> = ({
         </View>
 
         <Pressable
-          onPress={() => {
+          onPressIn={() => {
             toggleControls();
           }}
           style={{