From f8a68e0bfa412059bbefbd73fefa7f1efb98484d Mon Sep 17 00:00:00 2001
From: Martin Schoeler <martin.schoeler@rocket.chat>
Date: Wed, 6 Apr 2022 09:25:06 -0300
Subject: [PATCH] [FIX] Video and Audio not skipping forward (#19866)

* [FIX] Video and Audio not skipping forward

* chore: add preload attr to video attachement

Co-authored-by: Tasso Evangelista <tasso.evangelista@rocket.chat>
Co-authored-by: dougfabris <devfabris@gmail.com>
---
 .../components/Message/Attachments/Files/AudioAttachment.tsx  | 2 +-
 .../components/Message/Attachments/Files/VideoAttachment.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

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 && (