Fullscreen mode

jackson-57 · Jan 29, 2023 · ecccb74 · ecccb74
1 parent 4db39f3
commit ecccb74
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/main.js b/main.js
@@ -104,6 +104,20 @@ async function start() {
  });
  source.connect(processor);
  processor.connect(context.destination);
+
+ // fullscreen mode
+ document.addEventListener("keydown", function (e) {
+ if (e.key === "f") {
+ if (!document.fullscreenElement) {
+ videoElement.requestFullscreen();
+ } else {
+ if (document.exitFullscreen) {
+ document.exitFullscreen();
+ }
+ }
+ }
+ }, false);
+
  break;
  } catch (e) {
  console.error(e);

diff --git a/styles.css b/styles.css
@@ -6,4 +6,10 @@ html, body, #root, video {
  height: 100%;
  width: 100%;
  margin: 0;
+}
+
+/* Disable video controls in fullscreen */
+/*noinspection CssInvalidPseudoSelector*/
+video::-webkit-media-controls {
+ display:none !important;
 }