Bug 248030 - Video starts playback with wrong object-fit and fills like splash
Summary: Video starts playback with wrong object-fit and fills like splash
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-11-17 04:32 PST by Ahmad Saleem
Modified: 2022-12-08 17:39 PST (History)
4 users (show)

See Also:


Attachments
Stutter Video in STP159 vs Chrome Canary 159 (100.13 MB, video/quicktime)
2022-12-08 07:36 PST, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.