How to develop a full width slider that has two flex divs:
One div has text and block quote
Second div has a video uploaded from vimeo that is responsive and keeps its aspect ratio. (When in different dimensions - I lose the play button among other assets in the video “title, description, initial video image”.
I have played with this for some time and I just can’t get it.
Here is a link to the site I am trying to mimic (scroll down to see the full width slider with text and image)
Thank you for the direction. The 100% height was one of a few more elements I did not consider when implementing a full width slider and video.
For anyone wishing to do the same in the future - one thing to consider if slides have video and images:
The iFrame from whatever video platform you choose will pigeon hole your dimensions when attempting to make the slider responsive. You will also run in to issues where the images will not line up properly within the dimensions the iFrame is forcing the video to constrain to.
SOLUTION! - Check the video iFrame dimensions and set your image dimensions to correspond. This is my work around , and to be honest - it looks pretty sexy.
If anyone else has any other approach or to add - please do.