Improve Recordings loading (#10462)

* Show skeleton until video players finishes loading

* Clean up android logic

* Ensure mobile view video is consistent

* Cleanup

* Only show when not scrubbing

* Don't use loading

* Start preview at correct time too

* Fix react race condition

* Be wait for seek to show video player

web/src/components/player/dynamic/DynamicVideoController.ts

@@ -81,13 +81,27 @@ export class DynamicVideoController {
       this.playerController.currentTime = seekSeconds;
 
       if (play) {
-        this.playerController.play();
+        this.waitAndPlay();
       } else {
         this.playerController.pause();
       }
     }
   }
 
+  waitAndPlay() {
+    return new Promise((resolve) => {
+      const onSeekedHandler = () => {
+        this.playerController.removeEventListener("seeked", onSeekedHandler);
+        this.playerController.play();
+        resolve(undefined);
+      };
+
+      this.playerController.addEventListener("seeked", onSeekedHandler, {
+        once: true,
+      });
+    });
+  }
+
   seekToTimelineItem(timeline: Timeline) {
     this.playerController.pause();
     this.seekToTimestamp(timeline.timestamp + this.annotationOffset);