fix fullscreen button

jackrifkin · Jun 17, 2024 · 68a1512 · 68a1512
1 parent b432470
commit 68a1512
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/pages/Components/VideoWithToolbar/index.jsx b/pages/Components/VideoWithToolbar/index.jsx
@@ -30,6 +30,7 @@ const VideoWithToolbar = ({ src, loops = true, hasToolbar = true }) => {
 
   const toggleFullscreen = () => {
     const videoElement = videoRef.current;
+    videoElement.playsInline = !videoElement.playsInline;
     if (!document.fullscreenElement) {
       videoElement.requestFullscreen();
     } else {
@@ -67,6 +68,7 @@ const VideoWithToolbar = ({ src, loops = true, hasToolbar = true }) => {
   useEffect(() => {
     const videoElement = videoRef.current;
     if (videoElement) {
+      setIsMuted(videoElement.muted)
       videoElement.addEventListener("loadedmetadata", calculateVideoDimensions);
       window.addEventListener("resize", calculateVideoDimensions);
       document.addEventListener("fullscreenchange", handleFullScreenChange);