Je cherchais un moyen d’installer une vidéo que j’ai mise sur Vimeo sur une page web. Ce qui apparemment semblait assez simple, j’ai eu de la difficulté jusqu’au point ou je suis allez fouiller sur le web pour trouver une solution intéressante de Cory Laviska.
Voici le code que j'ai fait à partir du sien:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow:
hidden;max-width: 100%; height: auto; } .embed-container iframe, .embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style><div class="embed-container"><iframe src="https://player.vimeo.com/video/234787820"
width="300"height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
Un autre code qui empêche l'affichage d'espace vide en dessous du frame comme vous voyez c-i-dessus
<style>.border iframe {<br />
border: none;<br />
width: 300px;<br />
height: 100px;<br />
margin: 0;<br />
padding: 0;<br />
opacity: 0.8;<br />
display:block; /* Add this to prevent from creating extra space after iframe */<br />
}<br />
</style><div class="embed-container"><iframe src="https://player.vimeo.com/video/234787820" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
Référence : stackoverflow