diff --git a/index.html b/index.html
index db4a9bf0101de53f58216760ab08d93aba043ab1..f7322697d2be2e8e3d171fac77b2e4747bb4ff0e 100644
--- a/index.html
+++ b/index.html
@@ -152,7 +152,12 @@ cpietsch@gmail.com
                       -
                     </div>
                     <div v-else-if="item[entry.source].split('.').pop() === 'mp3'">
-                      <a :href="item[entry.source]" target="_blank" class="overlayLink audio noIcon" data-overlay-left-right-margin="10%" data-overlay-top-bottom-margin="10%">
+                      <a :href="item[entry.source]" target="_blank" class="overlayLink audio noIcon" data-overlay-left-right-margin="25%" data-overlay-top-bottom-margin="25%">
+                        {{ item[entry.source].split('/').pop() }}
+                      </a>
+                    </div>
+                    <div v-else-if="item[entry.source].split('.').pop() === 'mp4'">
+                      <a :href="item[entry.source]" target="_blank" class="overlayLink video noIcon" data-overlay-left-right-margin="10%" data-overlay-top-bottom-margin="10%">
                         {{ item[entry.source].split('/').pop() }}
                       </a>
                     </div>
diff --git a/js/overlayer.js b/js/overlayer.js
index a12350f1300859275bf5912d08882257dc2b6802..3735d700d077f41def8e61aab3e1ec1182bd84b1 100644
--- a/js/overlayer.js
+++ b/js/overlayer.js
@@ -54,7 +54,14 @@
 							+'<audio controls="controls">'
 							+'<source src="'+hrefAttr+'" />'
 							+'</audio></div>');
-					} else{
+					}
+                                        else if(hrefAttr.split('.').pop() == 'mp4'){
+                                                $('#overlayBoxContent', window.top.document).html('<div style="height: 100%; display: flex; justify-content: center; align-items: center;">'
+                                                        +'<video controls="controls">'
+                                                        +'<source src="'+hrefAttr+'" />'
+                                                        +'</video></div>');
+                                        }
+                                        else{
 						$('#overlayBoxContent', window.top.document).html('<iframe width="100%" height="99%" src="'+hrefAttr+'" style="background-color:white;"></iframe>');
       					}
 				}