backup

js_workshop8/styles.css

@@ -0,0 +1,46 @@
+.container {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 640px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
+}
+
+.container:fullscreen {
+    width: 100%;
+    height: 100%;
+}
+
+.container:fullscreen #video {
+    height: 100%;
+}
+.container:fullscreen #buttonContainer {
+    height: 5%;
+}
+
+#volWrapper {
+    width: 100px;
+}
+
+#leftAlign {
+    align-self: flex-end;
+}
+
+#video {
+    object-fit: cover;
+    height: 100%;
+}
+
+#buttonContainer {
+    height: 10%;
+    background: rgba(50, 50, 50, 0.8);
+}
+
+#trackBar {
+    width: 0;
+    height: 4px;
+}
+
+#buttonContainer * {
+    color: white;
+}