Have an embedded video fill a bootstrap row?

API
1

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?

2

height=“100%” width=“100%” ?

3

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

4

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>