HTML 5视频在顶部和底部边框处有行，无法找到删除方法

Question

我正在使用直接的HTML 5视频设置。 CSS和HTML很少。视频播放得很好，启动图像，一切都很好，控件显示出来。问题是暗线显示顶部和底部。如果我更改HTML div以引用“ID”而不是“Class”，则暗线会消失，但我需要使用一个类，因为我使用javascript来确保每个视频在电影制片人的起始帧开始忘记为我创建一个启动图像。尝试将背景更改为透明，将边框更改为0，我尝试调整图像大小，并且没有任何更改。我将非常感谢您可能拥有的任何想法/指导。我想了解发生了什么，所以如果你能指出我正确的方向，我会挖掘更多。

这是CSS

Station.offsetId

这是HTML：

.video-player {
background-color:#999999;
display: inline-block;
}

.video-player img {
background-color:#000000;

}

.video-tree {
width: 430px;
height: 250px;
}

video {
height: 100%;
width: 100%;
}