html5视频元素chrome上的1px白色底边
由于某些原因,在Chrome上,我的视频容器元素的底部有一个白色的底部边框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
<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;
}