vid 1

web/packages/gallery/components/viewer/FileViewer.tsx

@@ -435,6 +435,7 @@ const FileViewer: React.FC<FileViewerProps> = ({
 
     // Not memoized since it uses the frequently changing `activeAnnotatedFile`.
     const handleCopyImage = () => {
+        handleMoreMenuClose();
         // Safari does not copy if we do not call `navigator.clipboard.write`
         // synchronously within the click event handler, but it does supports
         // passing a promise in lieu of the blob.

web/packages/gallery/components/viewer/photoswipe.ts

@@ -432,9 +432,32 @@ export class FileViewerPhotoSwipe {
             updateFileInfoExifIfNeeded(e.content.data),
         );
 
+        let el;
+        let listener;
         pswp.on("change", (e) => {
             const itemData = this.pswp.currSlide.content.data;
             updateFileInfoExifIfNeeded(itemData);
+
+            if (el && listener) {
+                el.removeEventListener("pause", listener);
+                el.removeEventListener("play", listener);
+                el.removeEventListener("ended", listener);
+                el = undefined;
+                listener = undefined;
+            }
+            if (itemData.fileType == FileType.video) {
+                setTimeout(() => {
+                    listener = (e) => {
+                        console.log(e);
+                    };
+                    // TODO:
+                    el = document.getElementsByTagName("video")[0];
+                    console.log(el);
+                    el.addEventListener("pause", listener);
+                    el.addEventListener("play", listener);
+                    el.addEventListener("ended", listener);
+                }, 3000);
+            }
         });
 
         pswp.on("contentDestroy", (e) => forgetExifForItemData(e.content.data));