iPhone上的HTML5视频元素带有边框

Question

我最近一直在构建一个应用程序，并在开始时播放了一个加载动画（只是mp4视频-出于审美目的）。除了在iPhone上，它在任何地方都可以正常工作。

问题是某些视频周围有一条灰线-两侧各不相同。如果我尝试对页面进行屏幕截图，则线条不再可见。

我正在使用iPhone 7 Plus和iOS苹果浏览器。亲自看看-https://pathfinder-new.herokuapp.com

目的是使其与白色背景无缝融合-可以在上述地址的桌面上看到示例。

蒂姆，干杯

Answer 1

我已经奋斗了几个小时，发现这是删除它的唯一方法（已在Safari，Chrome和Firefox在iOS上进行了测试）：

video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

从这个要点获得灵感

Answer 2

我尝试在 iOS 12 上在 Safari 上安装 iPad WiFi 2017，一切都很好。您是否有机会使用其他录制设备录制该故障？

编辑：一般的外观清洁剂-webkit-appearance: none可能可以解决问题。