Site URL: https://www.st-monica.org/live
I am trying to embed a video archive on a page (st-monica.org/live - it is the second player on the page, so scroll down to view).
The embed is not resizing properly. It ends up being 100px high The code I'm using is:
<style>
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="embed-container">
<iframe style="border:none;margin: 0;"
src="https://cache.stl.churchcasting.io/PSxZDetTdu0lEsHXbyFj3PnJwIAFq7db/channels/1/embeds/players/CuNTnZUwf1HcEMDK/render"
allowfullscreen="yes"
allowtransparency="yes"
allow="autoplay"
name=""
id="">
</iframe>
</div>
Any advice?