disabilitazione blackbars su youtube embed iFrame

Inserisco un video da YouTube alla mia pagina Web. Voglio che sia allungato al 100% sullo schermo senza barre nere. Anche se gli do una larghezza del 100%, ha ancora alcune barre nere sui lati del video. Come posso liberarmene?

Immagine dello schermo: Immagine dello schermo snippet: https://jsfiddle.net/o3rp6an9/1/

#video { height:100%; width:100% !important; background-size:100% 100%; position:relative; overflow:hidden; }

C’è un’altra domanda a riguardo, ma sostanzialmente non mi ha aiutato.

Si desidera posizionare il video in modo assoluto all’interno di un wrapper che imposta il riempimento verticale che corrisponde alle proporzioni del video. Per ottenere il riempimento / le proporzioni, dividi l’altezza del video per la larghezza e moltiplica per 100 per ottenere una percentuale.

 * {padding:0;margin:0;box-sizing:border-box;} #video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } #video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }