Полноэкранное видео без черных рамок
У меня проблема в том, что видео всегда получает черные полосы по бокам или сверху / снизу в зависимости от размера экрана.
Любая идея, как получить его на весь экран всегда, не показывая, что раздражающие черные полосы? и без использования плагина.
Это моя разметка:
#full-bg{
width: 100%;
height: 100%;
img{
display: none;
}
.iframe-box{
width: 100%;
height: 100%;
position: absolute;
background: url(../img/fittobox.png);
left: 0 !important;
top: 0 !important;
iframe{
width: 100%;
height: 100%;
}
}
}