From da2f6453ca681d6a960b9d460da2fb7c549cbc8f Mon Sep 17 00:00:00 2001
From: Jeremy Zongker <jeremy@zongker.net>
Date: Tue, 15 Aug 2023 08:18:04 -0500
Subject: [PATCH] Fixed prevew on mp4 resources

---
 src/appBase                   |  2 +-
 src/components/ImageModal.tsx | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/appBase b/src/appBase
index 4b68548..fbe9ea9 160000
--- a/src/appBase
+++ b/src/appBase
@@ -1 +1 @@
-Subproject commit 4b68548e015de5754a5791e5dcfb56d0104e1f36
+Subproject commit fbe9ea931e87c0de2f53c6f31994ee2e19251d5e
diff --git a/src/components/ImageModal.tsx b/src/components/ImageModal.tsx
index c07312d..b478668 100644
--- a/src/components/ImageModal.tsx
+++ b/src/components/ImageModal.tsx
@@ -10,7 +10,15 @@ interface Props {
 export const ImageModal: React.FC<Props> = (props: Props) => {
 
 
-  const getImageElement = () => <Image src={props.url} alt="lesson slide" width={1280} height={720} className="img-fluid" />
+  const getImageElement = () => {
+    let result = <Image src={props.url} alt="lesson slide" width={1280} height={720} className="img-fluid" />
+    if (props.url.indexOf(".mp4")>-1 || props.url.indexOf(".webm")>-1) {
+
+      result = <div style={{textAlign:"center"}}><video src={props.url || ""} style={{ width:"75vw", height: "75vh" }} autoPlay={true} /></div>
+    }
+    return result;
+  }
+
 
   return (<>
     <Dialog open={true} onClose={props.onClose} fullScreen={true}>