--- a/src/VideoPage.ts	Mon Aug 26 22:33:02 2024 -0700
+++ b/src/VideoPage.ts	Mon Aug 26 22:33:44 2024 -0700
@@ -1,4 +1,4 @@
-import { LitElement, css, html, unsafeCSS } from "lit";
+import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { PagePlayer, ShakaVideoElement } from "./PagePlayer";
 import maincss from "./main.css?inline";
@@ -33,6 +33,13 @@
     this.pathSegs = [];
     this.loadVideos();
   }
+  protected firstUpdated(_changedProperties: PropertyValues): void {
+    document.addEventListener("keydown", (e) => {
+      if (e.key == "Escape") {
+        this.closePlayer();
+      }
+    });
+  }
   updatePathSegs(subdir: string) {
     this.pathSegs = [{ label: "TOP", subdir: "/" }];
     if (subdir != "/") {