Bug 248030

Summary: Video starts playback with wrong object-fit and fills like splash
Product: WebKit Reporter: Ahmad Saleem <ahmad.saleem792>
Component: MediaAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: eric.carlson, jer.noble, karlcow, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=240604
https://bugs.webkit.org/show_bug.cgi?id=246552
https://bugs.webkit.org/show_bug.cgi?id=241789
Attachments:
Description Flags
Stutter Video in STP159 vs Chrome Canary 159 none

Description Ahmad Saleem 2022-11-17 04:32:58 PST
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!
Comment 1 Radar WebKit Bug Importer 2022-11-24 04:33:14 PST
<rdar://problem/102645809>
Comment 2 Ahmad Saleem 2022-12-08 07:36:53 PST
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..
Comment 3 Karl Dubost 2022-12-08 17:39:22 PST
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.