Mettre à l'échelle la vidéo vimeo en fonction de la taille du conteneur et supprimer les barres noires

Question

Je souhaite supprimer les barres noires qui apparaissent dans la vidéo vimeo incorporée. Je partage le lien du code. JSFiddle Link

<div class="embed-container"> 
<iframe src="https://player.vimeo.com/video/86019637?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff&amp;autoplay=1" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

iframe{ width:570px; height:250px; }

Il y a 2 bar noir gauche et à droite. Nous aimerions enlever les barres noires. Pourriez-vous aider s'il vous plaît ce qui pourrait être fait pour l'enlever? Nous sommes censés maintenir le ratio d'aspect. S'il vous plaît, allez-y doucement, je ne suis pas un technicien. Je vous remercie.

Answer 1

Utilisez height et widthvh comme

.embed-container { 
    width: 570px; 
    height: 250px; 
} 

iframe { 
    width: 100%; 
    height: 100vh; 
} 

vidéos

a un rapport d'aspect et il va Dét c'est pourquoi la vidéo ressemble, quand vous le faites en plein écran les barres disparaîtront.