diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
index ffc2ab1..5b7a06e 100644
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -13,6 +13,7 @@ type VideoCardProps = {
}
const fallbackThumbnail = "../../../public/default_thumbnail.png";
+const API_URL = import.meta.env.VITE_API_URL;
const VideoCard = ({
id,
@@ -45,7 +46,7 @@ const VideoCard = ({

diff --git a/frontend/src/pages/ClipEdit.tsx b/frontend/src/pages/ClipEdit.tsx
index f9b3fad..ffc9814 100644
--- a/frontend/src/pages/ClipEdit.tsx
+++ b/frontend/src/pages/ClipEdit.tsx
@@ -10,10 +10,12 @@ import type { VideoMetadata } from "../utils/types.ts";
import Box from "../components/Box.tsx";
import MetadataBox from "../components/video/MetadataBox.tsx";
+const API_URL = import.meta.env.VITE_API_URL;
+
const ClipEdit = () => {
const { id } = useParams();
const videoRef = useRef
(null);
- const videoUrl = `/api/v1/download/input/${id}`
+ const videoUrl = API_URL + `/api/v1/download/input/${id}`
const [metadata, setMetadata] = useState(null);
const [playbackValue, setPlaybackValue] = useState(0);
const [outputMetadata, setOutputMetadata] = useState({
@@ -65,7 +67,7 @@ const ClipEdit = () => {
}
const handleDownload = async () => {
- const response = await fetch(`/api/v1/download/output/${id}`);
+ const response = await fetch(API_URL + `/api/v1/download/output/${id}`);
if (!response.ok) {
console.error('Download failed');