When embedding a video, I’m asked to put parameters for height and width. What if I just want the height and width to full all the space available in its div?
height=“100%” width=“100%” ?
not sure about bootstrap, but using semantic-ui, setting the width to 100% resizes it to fit the containing element both on load and during window resize. I imagine the functionality would be the same on bootstrap since it’s core is rather similar to semantic.
also, setting height to 100% has no effect on the size of the iframe as it resizes as needed depending on the aspect ratio of the broadcast
1 Like
https://getbootstrap.com/docs/3.3/components/#responsive-embed
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
1 Like
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.