Bug 248030 – Video starts playback with wrong object-fit and fills like splash

• Component: Media
• Status: NEW

[Ahmad Saleem]

Hi Team,

Continuing this bug as separate website broken even with Safari Technology Preview 158 from Bug 240604.

Comment - https://bugs.webkit.org/show_bug.cgi?id=240604#c8

Website Bug - https://www.by-us.studio/dc-open-19

It has splash like effect when opening in Safari Technology Preview 158 and before while Firefox Nightly 109 and Chrome Canary 110 open it much smoother. It could be animations bug rather than "Media" (object-fit) but I wanted to raise it to track better.

Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/102645809>

[Ahmad Saleem]

Created attachment 463938 [details]
Stutter Video in STP159 vs Chrome Canary 159

https://www.by-us.studio/dc-open-21

It happens on "water" one..

[Karl Dubost]

Testing in parallel, same window sizes.

Tested on macOS 13.3
---
Safari Technology Preview  159           18615.1.12.130.1
Firefox Nightly            109.0a1       10922.12.6
Google Chrome Canary       110.0.5462.2  5462.2


1. Starts with the 3 window with a pre-entered URL but not loaded for each browser
https://www.by-us.studio/dc-open-21
2. Tap return in the URL bar for each browser consecutively as quickly as possible
   1. Safari, 2. Firefox, 3. Chrome
3. Observe

They are all loading stuff. 
The animation starts first in Chrome, Then Firefox.
The water splash animates
Then Firefox and Chrome are moving to the next slide… and Safari is just starting animating the water.