Webkit show black screen instead of video before triggering onvisilbilitychange event.

• Component: Media
• Status: NEW ---

[Kirill]

Hello! I trying to inserting and playing a live stream inside video tag. In chrome it works perfectly, video start playing as soon as possible, but in safari I can see when live stream is available and poster was removed(autoplay was successful triggered), but until I switch between browser tabs, I see only black screen where the video should be. Also I can see my livestream if I switch between applications windows e.g. I switch to slack then back to the safari and video will playing. During the study of the problem, I managed to find out that is not problem about webrtc (because on server I can see that live stream bytes was delivered to client), and it's not problem of html5 video tag, because autoplay (muted, of course) always triggered as expected. But this may be due to internal safari tricks with web pages, because only one thing happens when I switch between tabs/apps -- it's document.visibilityState. Manually pausing and then playing the video not works too. I can see video only after browser was trigger 'onvisibilitychange'.

[Smoley]

Thanks for filing, can you please provide a reduced test case and steps to reproduce on our end?

[Radar WebKit Bug Importer]

<rdar://problem/80990483>

[Kirill]

Hello! The error was on the side of the meteor framework. The problem is also described here: javascript - Meteor Safari Video Wont Display - Stack Overflow

[Kirill]

(In reply to Kirill from comment #3)
> Hello! The error was on the side of the meteor framework. The problem is
> also described here: javascript - Meteor Safari Video Wont Display - Stack
> Overflow

https://stackoverflow.com/questions/59955141/meteor-safari-video-wont-display

[youenn fablet]

Might be a dupe of https://bugs.webkit.org/show_bug.cgi?id=222115.
@Kirill, can you try without your workaround on the latest Safari betas?