elements
elements copied to clipboard
muxinc
Bug: There is a black line when the video is zoomed in on iOS devices.
Is there an existing issue for this?
- [x] I have searched the existing issues
Which Mux Elements/Packages does this apply to? Select all that apply
mux-player-react
Which browsers are you using?
Safari on iOS
Which operating systems are you using?
iOS
Description
There is a black line when the video is zoomed in on iOS devices.
Reduced test case
https://codesandbox.io/p/sandbox/ly5sws
Steps to reproduce
- Create a MuxPlayer video instance or visit the condesandbox issue demo URL: https://ly5sws.csb.app/
- Using iPad or any iOS device zoom in
- You will see a thin black line.
Current Behavior
There is a black line when the video is zoomed in on iOS devices.
Expected Behavior
No blackline when video is zoomed in on iOS devices.
Errors
No response
What version of the package are you using?
mux-player-react: 3.1.0
@luwes Any solution yet? I have clip-path: inset(2px 0px 0px 0px); but it messes up the border radius (plus cuts the top on non ios devices).
unfortunately this is a browser bug of Safari, it has been reported https://github.com/muxinc/media-chrome/discussions/831
