I'm trying to decide between using Bootstrap and Foundation for front end work for a node.js express route. I was wondering if Bootstrap had any way to have an equivalent the Flex Video feature of Foundation (its an auto resizing based on screen size as far as I can tell)?
Edit: Regarding Peter Wooster's answer if there a solution that can be done easily without a framework why do people make such a big deal about Flex-Video then?
To auto-resize an image or a video to fit in a div container use object-fit property. It is used to specify how an image or video fits in the container. object-fit property: This property is used to specify how an image or video resize and fit the container.
4:3 aspect ratio.
Bootstrap has responsive embeds: http://getbootstrap.com/components/#responsive-embed
Gratuitous example solely to avoid silly annoying SO bureaucrats from complaining about "link-only answer":
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="…"></iframe>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With