[Webkit-unassigned] [Bug 249301] New: Pageload: <video> initially displayed at wrong position

[bugzilla-daemon at webkit.org]

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

            Bug ID: 249301
           Summary: Pageload: <video> initially displayed at wrong
                    position
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Media
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: frederik.riedel at frogg.io

Created attachment 464038

  --> https://bugs.webkit.org/attachment.cgi?id=464038&action=review

video of the bug where the video is initially displayed at the wrong position

Hello lovely WebKit Team!

I am experiencing a strange behavior on page-load with an html5 video element.

For the first 230ms, the video element is displayed at a slightly wrong position. Please see the attached screen recording.

This is the code that I’m using to display the video element:

```html
<video width="300" height="500" preload playsinline muted loop autoplay>
    <source src="https://one-sec.app/assets/videos/one sec website animation-1.mov" type="video/mp4;codecs=hvc1">
    <source src="https://one-sec.app/assets/videos/one sec website animation-1.webm" type="video/webm">
</video>
```

Website url: https://one-sec.app

Related bug report on StackOverflow with code to reproduce: 
https://stackoverflow.com/questions/74782899/video-briefly-jumps-around-when-page-is-loaded-using-safari


Fixing this would definitely make page-loading a lot smoother, without elements jumping around.

Let me know if you need any more information!

– Frederik

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221214/f3e9c005/attachment-0001.htm>