此错误在iOS上的Safari 11上发生,并且仅在播放webrtc源视频而不是常规视频文件时发生。问题在于,在设置了object-fit: contain;
css属性的视频上按全屏显示时,Safari不会尊重该设置,而是将视频裁剪为覆盖整个页面,而不是在两侧显示黑条。帮助吗?
我已经在真实的iOS 11设备和浏览器堆栈上对此进行了测试。可以在此处找到显示错误的测试页:
https://rtcmulticonnection.herokuapp.com/demos/Scalable-Broadcast.html