Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Story video] Optimize media play/pause operations on page navigation #29508

gmajoulet opened this issue Jul 24, 2020 · 1 comment


Copy link

Here's the timeline of what happens on story page navigation:

  1. touchstart the active page video is paused
  2. touchend the active page video is resumed
  3. click event is emulated from the previous touchend and triggers a navigation, video is paused again

These 3 media operations should be just 1 operation from (1). Play/pause operations are fast on Android, but this improvement would make iOS page navigation noticeably faster.

cc @ampproject/wg-stories

Copy link

alankent commented Apr 28, 2021

Here is an example web story if useful showing the problem (I think the same problem?) on my iPhone X and iPad Pro. I can get it to repeat on Mac desktop in Chrome using DevTools in iPhone X, iPad, and Pixel 2 XL mode fairly often, but I suspect device and network speed are such that you don't notice as much (the flicker is shorter).

To repeat:

  • Open up the above web story and wait for the video on the page to finish playing
  • Tap the right edge to proceed to the next page - the start of the current page flickers up before the next page video starts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
wg-stories Performance
To do - P2

No branches or pull requests

2 participants