我在safari下遇到这个奇怪的问题。一个大小为1920 * 1080的mp4视频,如果我直接在safari下打开它,并将safari调整为937px宽度,那么我得到了:
视频上有黑色边框。这里是video
元素的计算样式:
width
并不等于327,但是326 - 我不确定这里发生了什么。
然后我在chrome中检查相同的mp4视频:
视频没有边框。这里是chrome下的video
元素的计算样式:
我认为object-fit: cover
可能会在Safari中修复它,但它没有。
我现在可以在safari下修复它吗?有什么建议吗?
这是一个显示我所得到的gif:
答案 0 :(得分:0)
您无法更改此实例中Safari的默认行为。直接打开视频 将始终以此结果结束。您无法控制任何直接媒体页面(MP4,MP3,JPEG,GIF等)。
您可以做的第二件事就是将其加载到基本HTML文件中(使用<iframe>
或<video>
)并自定义设置。
您可以简单地应用border
0
视频元素,如下所示:
video {
border: 0;
}
删除黑线。