Index: lams_tool_larsrc/src/java/org/lamsfoundation/lams/tool/rsrc/ResourceConstants.java
===================================================================
diff -u -r4e1b8dc9d2b7895783a8d17465d080e342ad2247 -r4523deca1760ed41f945862418e72f18a6f68700
--- lams_tool_larsrc/src/java/org/lamsfoundation/lams/tool/rsrc/ResourceConstants.java	(.../ResourceConstants.java)	(revision 4e1b8dc9d2b7895783a8d17465d080e342ad2247)
+++ lams_tool_larsrc/src/java/org/lamsfoundation/lams/tool/rsrc/ResourceConstants.java	(.../ResourceConstants.java)	(revision 4523deca1760ed41f945862418e72f18a6f68700)
@@ -81,6 +81,8 @@
     public static final String ATTR_IS_DOWNLOAD = "isDownload";
     
     public static final String ATTR_IS_DISPLAYABLE_IMAGE = "isDisplayableImage";
+
+    public static final String  ATTR_IS_DISPLAYABLE_MEDIA = "isDisplayableMedia";
     
     public static final String ATTR_IS_DISPLAYABLE_EMBED = "isDisplayableEmbed";
 
Index: lams_tool_larsrc/src/java/org/lamsfoundation/lams/tool/rsrc/web/controller/ViewItemController.java
===================================================================
diff -u -r4e1b8dc9d2b7895783a8d17465d080e342ad2247 -r4523deca1760ed41f945862418e72f18a6f68700
--- lams_tool_larsrc/src/java/org/lamsfoundation/lams/tool/rsrc/web/controller/ViewItemController.java	(.../ViewItemController.java)	(revision 4e1b8dc9d2b7895783a8d17465d080e342ad2247)
+++ lams_tool_larsrc/src/java/org/lamsfoundation/lams/tool/rsrc/web/controller/ViewItemController.java	(.../ViewItemController.java)	(revision 4523deca1760ed41f945862418e72f18a6f68700)
@@ -56,7 +56,8 @@
     @Autowired
     private IResourceService resourceService;
 
-    private static final Set<String> DISPLAYABLE_IMAGE_EXTENSIONS = Set.of(".jpg", ".jpeg", ".png", ".gif", ".bmp");
+    private static final Set<String> DISPLAYABLE_IMAGE_EXTENSIONS = Set.of(".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg");
+	private static final Set<String> DISPLAYABLE_MEDIA_EXTENSIONS = Set.of(".mov", ".mp4", ".webm", ".ogg", ".mp3", ".wav");
     private static final Set<String> DISPLAYABLE_EMBED_EXTENSIONS = Set.of(".pdf");
 
     /**
@@ -142,6 +143,11 @@
 	boolean isDisplayableImage = lowercaseFileName != null
 		&& DISPLAYABLE_IMAGE_EXTENSIONS.stream().anyMatch(ext -> lowercaseFileName.endsWith(ext));
 	request.setAttribute(ResourceConstants.ATTR_IS_DISPLAYABLE_IMAGE, isDisplayableImage);
+
+	boolean isDisplayableMedia = lowercaseFileName != null
+		&& DISPLAYABLE_MEDIA_EXTENSIONS.stream().anyMatch(ext -> lowercaseFileName.endsWith(ext));
+	request.setAttribute(ResourceConstants.ATTR_IS_DISPLAYABLE_MEDIA, isDisplayableMedia);
+	
 	boolean isDisplayableEmbed = lowercaseFileName != null
 		&& DISPLAYABLE_EMBED_EXTENSIONS.stream().anyMatch(ext -> lowercaseFileName.endsWith(ext));
 	request.setAttribute(ResourceConstants.ATTR_IS_DISPLAYABLE_EMBED, isDisplayableEmbed);
@@ -259,4 +265,4 @@
 	}
 	return list;
     }
-}
\ No newline at end of file
+}
Index: lams_tool_larsrc/web/pages/itemreview/itemContent.jsp
===================================================================
diff -u -r4e1b8dc9d2b7895783a8d17465d080e342ad2247 -r4523deca1760ed41f945862418e72f18a6f68700
--- lams_tool_larsrc/web/pages/itemreview/itemContent.jsp	(.../itemContent.jsp)	(revision 4e1b8dc9d2b7895783a8d17465d080e342ad2247)
+++ lams_tool_larsrc/web/pages/itemreview/itemContent.jsp	(.../itemContent.jsp)	(revision 4523deca1760ed41f945862418e72f18a6f68700)
@@ -59,6 +59,7 @@
 	function iframelyCallback${itemUid}(response) {
 		iframelyCallback(${itemUid}, response);
 	}
+
 </script>
 	
 <div id="item-content-${itemUid}" class="item-content">
@@ -69,6 +70,7 @@
 	</c:if>
 	
 	<div class="content-panel">
+	
 		<div class="text-center">
 			<a href="<c:url value='${resourceItemReviewUrl}' />&preferDownload=true" class="download-button hidden btn btn-primary">
 				<fmt:message key="label.download" />
@@ -77,18 +79,24 @@
 				<fmt:message key="open.in.new.window" />
 			</a>
 		</div>
-	
+
 		<a title="<fmt:message key='open.in.new.window' />" class="embedded-title" href="${resourceItemReviewUrl}"  target="_blank"   ></a>&nbsp;&nbsp;
 		<i title="<fmt:message key='open.in.new.window' />" class="new-window-icon fa fa-1 hidden fa-external-link" aria-hidden="true"></i>
 		<div class="embedded-description"></div>
-		<div class="embedded-content"></div>
+		<div class="embedded-content">
 		
-		<c:if test="${isDisplayableImage}">
-			<img src="<c:url value='${resourceItemReviewUrl}' />&preferDownload=false" class="embedded-image" />
-		</c:if>
-		<c:if test="${isDisplayableEmbed}">
-			<embed src="<c:url value='${resourceItemReviewUrl}' />&preferDownload=false" class="embedded-file"  />
-		</c:if>
+			<c:if test="${isDisplayableImage}">
+				<img src="<c:url value='${resourceItemReviewUrl}' />&preferDownload=false" class="img-responsive embedded-image" />
+			</c:if>
+			<c:if test="${isDisplayableMedia}">
+				<video width="100%" playsinline controls src="<c:url value='${resourceItemReviewUrl}' />&preferDownload=false" class="embedded-file"></video>
+			</c:if>
+			<c:if test="${isDisplayableEmbed}">
+				<iframe src="<c:url value='${resourceItemReviewUrl}' />&preferDownload=false"  width="100%" height="500px" />
+			</c:if>		
+
+		</div>
+
 	</div>
 	<hr>
 	<c:if test="${mode eq 'learner' or mode eq 'author'}">