diff --git a/components/CurrentlyPlayingBar.tsx b/components/CurrentlyPlayingBar.tsx
index 53ef4c1e..fd721c01 100644
--- a/components/CurrentlyPlayingBar.tsx
+++ b/components/CurrentlyPlayingBar.tsx
@@ -201,19 +201,17 @@ export const CurrentlyPlayingBar: React.FC = () => {
                 //     )
                 //   }
                 // />
-                <VLCPlayer
+                <VlCPlayerView
                   style={{
                     width: "100%",
                     height: "100%",
                   }}
-                  videoAspectRatio="16:9"
                   source={{
                     uri: encodeURIComponent(currentlyPlaying.url),
                   }}
-                  onError={(e) => {
-                    console.log(e);
-                  }}
                   key={"1"}
+                  autoAspectRatio={true}
+                  resizeMode="cover"
                 />
               )}
             </TouchableOpacity>
diff --git a/components/settings/SettingToggles.tsx b/components/settings/SettingToggles.tsx
index 67ba5b60..8d9ee30a 100644
--- a/components/settings/SettingToggles.tsx
+++ b/components/settings/SettingToggles.tsx
@@ -219,7 +219,6 @@ export const SettingToggles: React.FC = () => {
         <View
           className={`
             flex flex-row items-center space-x-2 justify-between bg-neutral-900 p-4
-            ${settings?.forceDirectPlay ? "opacity-50 select-none" : ""}
           `}
         >
           <View className="flex flex-col shrink">