Initial Commit

2022-05-18 12:31:00 +03:00
commit cc46f8fff4
23 changed files with 1797 additions and 0 deletions
--- a/assets/css/player.scss
+++ b/assets/css/player.scss
@ -0,0 +1,95 @@
+main {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    section#schedule {
+    }
+
+    section#player {
+        max-width: 100%;
+        overflow: hidden;
+
+        .button {
+            background-color: #00000099;
+            display: flex;
+            width: 100%;
+            height: 40px;
+            font-weight: bold;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .button:focus, .button:hover {
+            background-color: #00000066;
+        }
+
+        .button i {
+            margin-right: 5px;
+        }
+
+        audio {
+            display: block;
+            width: 100%;
+        }
+
+        video {
+            width: 100%;
+            height: initial !important;
+        }
+
+        .video-js {
+            width: 100% !important;
+            height: initial !important;
+            border: 5px solid #222222;
+        }
+
+        .video-js .vjs-tech {
+            position: initial !important;
+            top: initial !important;
+            left: initial !important;
+        }
+
+        .video-js .vjs-control-bar {
+            position: initial !important;
+            opacity: 1 !important;
+        }
+
+        .video-js .vjs-error-display {
+            display: none;
+        }
+
+        .video-js .vjs-big-play-button {
+            top: 50%;
+            left: 50%;
+            margin-left: -1em;
+            margin-top: -1em;
+            width: 2em;
+            height: 2em;
+            line-height: 2em;
+            border: none;
+            border-radius: 50%;
+            font-size: 3.5em;
+            background-color: rgba(0,0,0,.45);
+            color: #fff;
+            -webkit-transition: border-color .4s,outline .4s,background-color .4s;
+            -moz-transition: border-color .4s,outline .4s,background-color .4s;
+            -ms-transition: border-color .4s,outline .4s,background-color .4s;
+            -o-transition: border-color .4s,outline .4s,background-color .4s;
+            transition: border-color .4s,outline .4s,background-color .4s
+        }
+
+        .video-js .vjs-big-play-button {
+            background-color: rgba(0,0,0,0.45);
+            font-size: 2.5em;
+            border-radius: 50%;
+            height: 2em !important;
+            line-height: 2em !important;
+            margin-top: -1em !important
+        }
+
+        .video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {
+            background-color: rgba(0,199,248,0.9)
+        }
+    }
+}