fix(VideoBlock): fix add search params to src

gravity-ui · Dec 3, 2024 · fc6c7ed · fc6c7ed
1 parent 3cf0683
commit fc6c7ed
Showing 1 changed file with 21 additions and 7 deletions.
diff --git a/src/components/VideoBlock/VideoBlock.tsx b/src/components/VideoBlock/VideoBlock.tsx
@@ -96,13 +96,27 @@ const VideoBlock = (props: VideoBlockProps) => {
 
     const [isPlaying, setIsPlaying] = useState(!previewImg);
 
-    const iframeSrc =
-        src && isPlaying
-            ? `${src}?${getPageSearchParams({
-                  ...(attributes || {}),
-                  ...(previewImg || autoplay ? AUTOPLAY_ATTRIBUTES : NO_AUTOPLAY_ATTRIBUTES),
-              })}`
-            : undefined;
+    const iframeSrc = useMemo(() => {
+        if (src && isPlaying) {
+            try {
+                const url = new URL(src);
+                const searchParams = getPageSearchParams({
+                    ...(attributes || {}),
+                    ...(previewImg || autoplay ? AUTOPLAY_ATTRIBUTES : NO_AUTOPLAY_ATTRIBUTES),
+                });
+
+                searchParams.forEach((value, key) => {
+                    url.searchParams.set(key, value);
+                });
+
+                return url.href;
+            } catch (e) {
+                return src;
+            }
+        }
+
+        return undefined;
+    }, [attributes, autoplay, isPlaying, previewImg, src]);
 
     const onPreviewClick = useCallback(() => {
         handleAnalytics(analyticsEvents);