Add a 10ms delay when rewinding a media pool video (#38576)

* Add a 10ms delay when rewinding

* add additional context to hacky fix

(cherry picked from commit 811596e)

extensions/amp-story/1.0/media-pool.js

@@ -807,10 +807,19 @@ export class MediaPool {
     return this.enqueueMediaElementTask_(poolMediaEl, new PauseTask()).then(
       () => {
         if (rewindToBeginning) {
-          this.enqueueMediaElementTask_(
-            /** @type {!PoolBoundElementDef} */ (poolMediaEl),
-            new SetCurrentTimeTask({currentTime: 0})
-          );
+          // We add a 10 second delay to rewinding as sometimes this causes an
+          // interlacing/glitch/frame jump when a new video is starting to play.
+          // A 0 delay isn't enough as we need to push the "seeking" event
+          // to the next tick of the event loop.
+          // NOTE: Please note that this is not an ideal solution and a bit hacky.
+          // The more ideal fix would be to fix the the navigations animation frames.
+          // See https://github.com/ampproject/amphtml/issues/38531
+          this.timer_.delay(() => {
+            this.enqueueMediaElementTask_(
+              /** @type {!PoolBoundElementDef} */ (poolMediaEl),
+              new SetCurrentTimeTask({currentTime: 0})
+            );
+          }, 10);
         }
       }
     );