diff --git a/optuna_dashboard/ts/components/ArtifactCardMedia.tsx b/optuna_dashboard/ts/components/ArtifactCardMedia.tsx
index ebbbd7510..6326cb16e 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>