WordPress.org

Make WordPress Core

Opened 6 weeks ago

Last modified 6 weeks ago

#51564 reopened defect (bug)

Unable to autoplay + loop off-screen videos using Chrome

Reported by: kentallenduke Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.4.2
Component: Media Keywords: has-screenshots
Focuses: Cc:

Description

Hi there,

To move away from using heavy GIFs, I am trying to autoplay and loop multiple mp4 video files (without sound) on WordPress. However, even with the autoplay and loop tags, the videos that aren’t in view after clicking refresh are not autoplaying or looping. This unintended behavior is reproducible on Chrome 86.0.4240.75, 87.0.4280.20, and 88.0.4291.2, but not on Firefox 83.

Expected: With the appropriate tags, all videos should show autoplay and loop regardless if they’re off-screen on Chrome (Firefox works as expected). Alternatively, to save resources, videos off-screen should start autoplaying and looping once they are in view.

Actual: Off-screen videos aren’t autoplaying or looping after I hit the refresh key, even when I scroll down to view them.

See attached Google Drive video link below. Being able to autoplay and loop MP4s will solve multiple problems with GIFs:

– Much lower file size (6x less, sometimes 10x smaller) than GIFs, meaning less time uploading and much faster page load.
– File quality will appear much better as an mp4 compared to the pixel-y look from GIFs.
– To add to the second point, 60 FPS mp4 is ~2-3 times smaller than 30 FPS GIF.

Google Drive video link:
https://drive.google.com/file/d/1abH4We1Qj_qWk2ECwzdeaSDLYKrvwIep/view?usp=sharing

Attachments (1)

Multiple auto-play + loop videos test - Google Chrome 2020-10-13 16-49-18.mp4 (7.6 MB) - added by kentallenduke 6 weeks ago.
Video illustrating the issue

Change History (3)

#1 @kentallenduke
6 weeks ago

  • Keywords reporter-feedback removed
  • Resolution set to invalid
  • Status changed from new to closed

#2 @kentallenduke
6 weeks ago

  • Resolution invalid deleted
  • Status changed from closed to reopened
Note: See TracTickets for help on using tickets.