black screen video on IOS 15

banthagroup / fslightbox-react

Basic version of Fullscreen Lightbox for React.js. Website: https://fslightbox.com/react

MIT License

168 stars 23 forks source link

black screen video on IOS 15 #196

Open mastilver opened 2 years ago

mastilver commented 2 years ago

On using the latest ios version: ios 15, video are no longer usable as they show a black screen, audio is working pretty much fine

Steps:

Use device with IOS 15
Go to https://fslightbox.com/react
Click on Demo
Click on one of the HTML5 videos
Click play button

Expeted: the video plays Actual: the sound plays with a black screen

NOTE: https://github.com/banthagroup/fslightbox is not affected

Let me know if you need more details, Thank you

mastilver commented 2 years ago

I've tried the pro version and we are getting the same

@banthagroup if you open an issuehunt, I'm ready to put up a bounty for fixing it

DanXHK commented 2 years ago

Same here….. any clue to fix it?

quomark commented 2 years ago

After tons of Try & Error, I found it can be solved by 1) adding poster to the video tag 2) delete "transform:translateZ(0);" from .fslightbox-source class