diff --git a/client/components/Message/Attachments/Files/AudioAttachment.tsx b/client/components/Message/Attachments/Files/AudioAttachment.tsx
index 6d0bdf13b88..b095285419a 100644
--- a/client/components/Message/Attachments/Files/AudioAttachment.tsx
+++ b/client/components/Message/Attachments/Files/AudioAttachment.tsx
@@ -29,7 +29,7 @@ export const AudioAttachment: FC<AudioAttachmentProps> = ({
 			</Attachment.Row>
 			{!collapsed && (
 				<Attachment.Content border='none'>
-					<audio controls>
+					<audio controls preload='metadata'>
 						<source src={getURL(url)} type={type} />
 					</audio>
 				</Attachment.Content>
diff --git a/client/components/Message/Attachments/Files/VideoAttachment.tsx b/client/components/Message/Attachments/Files/VideoAttachment.tsx
index be76cca279a..05ff6052cd6 100644
--- a/client/components/Message/Attachments/Files/VideoAttachment.tsx
+++ b/client/components/Message/Attachments/Files/VideoAttachment.tsx
@@ -18,8 +18,8 @@ export const VideoAttachment: FC<VideoAttachmentProps> = ({
 	title_link_download: hasDownload,
 }) => {
 	const [collapsed, collapse] = useCollapse(collapsedDefault);
-	// useTranslation();
 	const getURL = useMediaUrl();
+
 	return (
 		<Attachment>
 			<Attachment.Row>
@@ -30,7 +30,7 @@ export const VideoAttachment: FC<VideoAttachmentProps> = ({
 			</Attachment.Row>
 			{!collapsed && (
 				<Attachment.Content width='full'>
-					<Box is='video' width='full' controls>
+					<Box is='video' width='full' controls preload='metadata'>
 						<source src={getURL(url)} type={type} />
 					</Box>
 					{description && (