Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html5视频元素chrome上的1px白色底边_Html_Google Chrome_Html5 Video - Fatal编程技术网

html5视频元素chrome上的1px白色底边

html5视频元素chrome上的1px白色底边,html,google-chrome,html5-video,Html,Google Chrome,Html5 Video,由于某些原因,在Chrome上,我的视频容器元素的底部有一个白色的底部边框 <video id="cover" src="video.mp4" autoplay="" loop=""></video> 派对有点晚了,但这里有一个简单的小技巧对我很有用: 视频{ 边缘底部:-1px; } 在我的例子中,它是线条高度。我将其设置为0,这个“边框底部”消失了。在我的例子中,问题是框大小。刚刚加上 -webkit-box-sizing: unset; -moz-box-sizi

由于某些原因,在Chrome上,我的视频容器元素的底部有一个白色的底部边框

<video id="cover" src="video.mp4" autoplay="" loop=""></video>

派对有点晚了,但这里有一个简单的小技巧对我很有用:

视频{
边缘底部:-1px;
}

在我的例子中,它是
线条高度。我将其设置为
0
,这个“边框底部”消失了。

在我的例子中,问题是框大小。刚刚加上

-webkit-box-sizing: unset;
-moz-box-sizing: unset;
box-sizing: unset;

到父容器,边框消失

对我来说,问题原来是个提纲。将其设置为
none
解决了该问题:

video {
   outline: none;
}

您是否尝试过使用
border:none覆盖它?@Petar Krešimir是的,我已经编辑以显示我的计算风格。在你尝试使用chrome将视频放入html5元素之前,不要否决我的投票。如果可能的话,你能发布一个网站链接吗?你找到解决方案了吗?
video {
   outline: none;
}