allow fullscreen iframe if cannot use custom player

app/components/ReleasePlayer/EpisodeSelector.tsx

@@ -67,7 +67,10 @@ export const EpisodeSelector = (props: {
           enabled: true,
           sensitivity: 4,
         }}
-        scrollbar={true}
+        scrollbar={{
+          enabled: true,
+          draggable: true,
+        }}
         allowTouchMove={true}
         style={
           {
@@ -79,6 +82,7 @@ export const EpisodeSelector = (props: {
           <SwiperSlide
             key={`episode_${episode.position}`}
             style={{ maxWidth: "fit-content" }}
+            className="pb-2"
           >
             <Button
               color={

app/components/ReleasePlayer/ReleasePlayer.tsx

@@ -314,9 +314,12 @@ export const ReleasePlayer = (props: { id: number }) => {
               direction={"horizontal"}
               mousewheel={{
                 enabled: true,
-                sensitivity: 2,
+                sensitivity: 4,
+              }}
+              scrollbar={{
+                enabled: true,
+                draggable: true,
               }}
-              scrollbar={true}
               allowTouchMove={true}
               style={
                 {
@@ -328,6 +331,7 @@ export const ReleasePlayer = (props: { id: number }) => {
                 <SwiperSlide
                   key={`episode_${episode.position}`}
                   style={{ maxWidth: "fit-content" }}
+                  className="pb-2"
                 >
                   <Button
                     color={

app/components/ReleasePlayer/ReleasePlayerCustom.tsx

@@ -433,7 +433,7 @@ export const ReleasePlayerCustom = (props: {
               }
             </div>
 
-        : <iframe src={playerProps.src} className="w-full aspect-video" />}
+        : <iframe src={playerProps.src} className="w-full aspect-video" allowFullScreen={true} />}
       </div>
 
       <div>

package.json

@@ -16,7 +16,7 @@
     "hls-video-element": "^1.5.0",
     "markdown-to-jsx": "^7.4.7",
     "media-chrome": "^4.8.0",
-    "next": "^14.2.13",
+    "next": "^14.2.26",
     "next-plausible": "^3.12.1",
     "react": "^18",
     "react-cropper": "^2.3.3",