网站上嵌入的Youtube视频在播放时显示黑条

Question

我正在嵌入一个YouTube视频，作为我主页上的标题图片。视频加载完美并响应我的窗口但是当我点击播放时，会出现黑条。有没有办法删除它？

homepage screenshot

video when playing

以下是我的HTML / CSS

的示例

.responsive-vid {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.responsive-vid iframe, .responsive-vid object, .yresponsive-vid embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

<div class="responsive-vid"><iframe src="https://www.youtube.com/embed/kY_ySOpTYIE?rel=0&amp;controls=0&amp;showinfo=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>