Is there a way to align a Vimeo iFrame to the left instead of it automatically centering itself? I want more control over its alignment within my flexbox container.
I've created a Flexbox container named .example-div with two internal flex containers. The first one, .player-div, contains the default Vimeo iFrame player while the second will hold credits information. However, I'm having trouble justifying the iframe to the left.
HTML
<div class="example-div">
<div class="player-div">
<iframe src="https://player.vimeo.com/video/142760309" frameborder="0" width="100%" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div class="credits-div">
</div>
</div>
CSS
body {
margin: 0;
}
.example-div {
height: 100vh;
display: flex;
}
.player-div {
background-color: orange;
width: 80vw;
}
.credits-div {
background-color: green;
width: 20vw;
}
.player-div iframe, .player-div object, .player-div embed {
width: 100%;
height: 100%;
}