add uploadable poster image to videos and make them auto inline

1 files changed, 9 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index 9b6e3da..c0eb1ea 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -221,6 +221,15 @@
   height: 100%;
   padding: 0 !important;
 }
+.player-transcript .media.video .videoPoster {
+  cursor: pointer;
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: calc(100vh - 15rem) !important;
+  padding: 1rem 0;
+}
 .player-transcript .media.image .speaker-icon {
   bottom: 0;
   right: 0;