为什么在safari中打开的视频在调整大小时会出现黑色边框?

时间:2017-09-25 06:58:02

标签: css video safari

我在safari下遇到这个奇怪的问题。一个大小为1920 * 1080的mp4视频,如果我直接在safari下打开它,并将safari调整为937px宽度,那么我得到了:

enter image description here

视频上有黑色边框。这里是video元素的计算样式:

enter image description here

width并不等于327,但是326 - 我不确定这里发生了什么。

然后我在chrome中检查相同的mp4视频:

enter image description here

视频没有边框。这里是chrome下的video元素的计算样式:

enter image description here

我认为object-fit: cover可能会在Safari中修复它,但它没有。

我现在可以在safari下修复它吗?有什么建议吗?

修改

这是一个显示我所得到的gif:

enter image description here

1 个答案:

答案 0 :(得分:0)

无法更改此实例中Safari的默认行为。直接打开视频 将始终以此结果结束。您无法控制任何直接媒体页面(MP4,MP3,JPEG,GIF等)。

修改

您可以做的第二件事就是将其加载到基本HTML文件中(使用<iframe><video>)并自定义设置。

您可以简单地应用border 0视频元素,如下所示:

video {
  border: 0;
}

删除黑线。