Bug 240786

Summary:

Video does not respect object-fit:contain when beginning to play

Product:

WebKit

Reporter:

Johannes Odland <johannes.odland>

Component:

Media

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Major

CC:

eric.carlson, jer.noble

Priority:

Version:

Safari 15

Hardware:

All

OS:

All

See Also:

https://bugs.webkit.org/show_bug.cgi?id=240604

Attachments:

Description	Flags
Screen recording showing video not respecting object fit the first frames after clicking play.	none
Screen recording showing the issue on Reddit /r/popular	none

Description Johannes Odland 2022-05-22 23:37:26 PDT

Created attachment 459663 [details]
Screen recording showing video not respecting object fit the first frames after clicking play.

See test example at https://cdpn.io/pen/debug/yLvoEob?authentication_hash=yYryLVaNDLyM


Steps to reproduce:
1. Create a video element with a set width and height and object-fit:cover
2. Set intrinsic dimensions with width and height attributes on the video element. 

Poster respects object-fit:contain.

3. Click play

Current result
The first few frames the video is shown as if object-fit was set to contain. After a few frames rendering is fixed, and the video is shown correctly.
The user experience is jarring. 

Expected result
Both the poster and the video respects object-fit: cover at all times. The poster and the video

Comment 1 Alexey Proskuryakov 2022-05-23 20:14:48 PDT

Is this the same as bug 240604?

Comment 2 Johannes Odland 2022-05-24 02:10:37 PDT

(In reply to Alexey Proskuryakov from comment #1)
> Is this the same as bug 240604?

Yes. This seems to be the same bug.

Comment 3 Johannes Odland 2022-05-24 13:23:56 PDT

Created attachment 459731 [details]
Screen recording showing the issue on Reddit /r/popular

It seems like the issue affects reddit too, as seen in the attachment.

The reddit video element has 'object-fit: contain' set on it.

Comment 4 Alexey Proskuryakov 2022-05-28 17:46:03 PDT

Thank you for confirming!

*** This bug has been marked as a duplicate of bug 240604 ***