Youtube видео, встроенное в веб-сайт, показывающее черные полосы при воспроизведении - PullRequest
0 голосов
/ 26 апреля 2018

Я встраиваю видео YouTube, чтобы выступить в качестве моего изображения заголовка на моей домашней странице. Видео отлично загружается и реагирует на мое окно, но когда я нажимаю кнопку воспроизведения, появляются черные полосы. Есть ли способ удалить это?

скриншот домашней страницы

видео при воспроизведении

Вот пример моего 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>
...