Why safari shows black screen instead of MediaStream (live stream) in html5 video?

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. How can I fix this behavior? I want to see how my stream works equally well in all browsers and now the problem I described is observed exclusively in safari

Hello,

Were you able to fix your problem? i seems to have the same issue and i do think its an internal safari problem aswell

I did how ever created a blank project with only the cam as stream to the video tag and sometimes the video didn't appear or had to go to another tab / resize, etc.

Why safari shows black screen instead of MediaStream (live stream) in html5 video?
 
 
Q