From a9f080da1a42d29fe0d2f800f3f242f2c69ab50a Mon Sep 17 00:00:00 2001
From: YuigaWada <yuigawada@gmail.com>
Date: Sat, 30 Sep 2023 17:23:59 +0900
Subject: [PATCH] Add support for videos on ArtifactCardMedia

---
 optuna_dashboard/ts/components/ArtifactCardMedia.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/optuna_dashboard/ts/components/ArtifactCardMedia.tsx b/optuna_dashboard/ts/components/ArtifactCardMedia.tsx
index ebbbd751..6326cb16 100644
--- a/optuna_dashboard/ts/components/ArtifactCardMedia.tsx
+++ b/optuna_dashboard/ts/components/ArtifactCardMedia.tsx
@@ -21,6 +21,18 @@ export const ArtifactCardMedia: FC<{
         filetype={artifact.filename.split(".").pop()}
       />
     )
+  } else if (artifact.mimetype.startsWith("video")) {
+    return (
+      <video
+        controls
+        style={{
+          width: "100%",
+          height: "auto",
+        }}
+      >
+        <source src={urlPath} type={artifact.mimetype} />
+      </video>
+    )
   } else if (artifact.mimetype.startsWith("audio")) {
     return (
       <audio controls>