From 73980e9644dd3978753328912f7c454a3f45cd67 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Sat, 7 Oct 2023 22:01:07 +0800
Subject: [PATCH] chore: fix video element syntax

---
 web/src/components/MemoResource.tsx         | 4 +---
 web/src/components/MemoResourceListView.tsx | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/web/src/components/MemoResource.tsx b/web/src/components/MemoResource.tsx
index 4bac6c24..52e8c918 100644
--- a/web/src/components/MemoResource.tsx
+++ b/web/src/components/MemoResource.tsx
@@ -20,9 +20,7 @@ const MemoResource: React.FC<Props> = (props: Props) => {
       <div className={`w-auto flex flex-row justify-start items-center text-gray-500 dark:text-gray-400 hover:opacity-80 ${className}`}>
         {resource.type.startsWith("audio") ? (
           <>
-            <audio controls>
-              <source src={resourceUrl} type={resource.type} />
-            </audio>
+            <audio src={resourceUrl} controls></audio>
           </>
         ) : (
           <>
diff --git a/web/src/components/MemoResourceListView.tsx b/web/src/components/MemoResourceListView.tsx
index 42f2bb13..ebb84ba0 100644
--- a/web/src/components/MemoResourceListView.tsx
+++ b/web/src/components/MemoResourceListView.tsx
@@ -84,9 +84,7 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
               const url = getResourceUrl(resource);
               return (
                 <SquareDiv key={resource.id} className="memo-resource">
-                  <video preload="metadata" controls key={resource.id}>
-                    <source src={absolutifyLink(url)} type={resource.type} />
-                  </video>
+                  <video preload="metadata" crossOrigin="anonymous" src={absolutifyLink(url)} controls></video>
                 </SquareDiv>
               );
             })}