diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 64693370a..712f4a39e 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -88,7 +88,7 @@ export default function PreviewThumbnailPlayer({
                 onPlayback(false);
               }
             },
-            { threshold: 1.0 }
+            { root: document.getElementById("pageRoot"), threshold: 1.0 }
           );
           if (node) autoPlayObserver.current.observe(node);
         } catch (e) {
diff --git a/web/src/components/player/VideoPlayer.tsx b/web/src/components/player/VideoPlayer.tsx
index 20a317caf..9cbd7a7ce 100644
--- a/web/src/components/player/VideoPlayer.tsx
+++ b/web/src/components/player/VideoPlayer.tsx
@@ -51,7 +51,7 @@ export default function VideoPlayer({
       ) as HTMLVideoElement;
       videoElement.controls = true;
       videoElement.playsInline = true;
-      videoElement.disableRemotePlayback = remotePlayback;
+      videoElement.disableRemotePlayback = !remotePlayback;
       videoElement.classList.add("small-player");
       videoElement.classList.add("video-js");
       videoElement.classList.add("vjs-default-skin");