diff --git a/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx b/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx index 3a3577679db..5c8ff97bac3 100644 --- a/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx +++ b/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx @@ -90,7 +90,14 @@ const PreviewComponent: FunctionComponent = ({ } if (file.mimeType.startsWith('video/')) { - return + return ( + + ) } if (file.mimeType.startsWith('audio/')) { diff --git a/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx b/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx index 05b2d6ace19..6951e6eccdf 100644 --- a/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx +++ b/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx @@ -9,6 +9,7 @@ type Props = { file: FileItem filesController: FilesController objectUrl: string + isEmbeddedInSuper: boolean } /** @@ -17,7 +18,7 @@ type Props = { * when not using the tag. * We show an error message if neither works. */ -const VideoPreview = ({ file, filesController, objectUrl }: Props) => { +const VideoPreview = ({ file, filesController, objectUrl, isEmbeddedInSuper }: Props) => { const [showError, setShowError] = useState(false) const [shouldTryFallback, setShouldTryFallback] = useState(false) @@ -65,7 +66,7 @@ const VideoPreview = ({ file, filesController, objectUrl }: Props) => {