diff --git a/web/src/components/MemoResource.tsx b/web/src/components/MemoResource.tsx
index 4bac6c245..52e8c918f 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 42f2bb130..ebb84ba03 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>
               );
             })}