CSS for vids

web/apps/photos/src/styles/global.css

@@ -115,3 +115,12 @@ body {
     display: none;
 }
 }
+
+/*
+  Make the controllable video elements we render as custom PhotoSwipe content
+  take up the entire container.
+ */
+.pswp-ente video[controls] {
+    width: 100%;
+    height: 100%;
+}

web/packages/new/photos/components/FileViewerPhotoSwipe.ts

@@ -189,7 +189,7 @@ export class FileViewerPhotoSwipe {
             index: initialIndex,
             // TODO(PS): padding option? for handling custom title bar.
             // TODO(PS): will we need this?
-            mainClass: "our-extra-pswp-main-class",
+            mainClass: "pswp-ente",
         });
 
         // Provide data about slides to PhotoSwipe via callbacks