show native video controls when playing

2025-12-15 17:37:30 +01:00 · 2020-11-23 11:56:02 +01:00
parent 8b5aaed92a
commit 26f4da68ea
4 changed files with 32 additions and 12 deletions
--- a/styles/artifact.scss
+++ b/styles/artifact.scss
@@ -323,6 +323,12 @@
    height: 100%;
    background-size: cover;

+    &.playing {
+      video {
+        z-index: 1;
+      }
+    }
+
    .title {
      position: absolute;
      bottom: 0px;
@@ -339,14 +345,16 @@
    video {
      width: 100%;
      height: 100%;
+      position: absolute;
    }

    .tl-controls {
      position: absolute;
-      bottom: 10px;
+      top: 10px;
      left: 10px;
      right: 10px;
      text-align: center;
+      z-index: 2;

      .btn {
        margin-top: 20px;