From a4183352aacf4abc10fe157dad71a6986dce35eb Mon Sep 17 00:00:00 2001
From: Daniel Jettka <daniel.jettka@uni-hamburg.de>
Date: Thu, 25 Jun 2020 18:03:43 +0200
Subject: [PATCH] overlay extension: mp4 support; smaller overlay box for mp3
---
index.html | 7 ++++++-
js/overlayer.js | 9 ++++++++-
2 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index db4a9bf..f732269 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 a12350f..3735d70 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>');
}
}
--
GitLab