Can anyone share some guidance on embedding a YouTube livestream onto a website? I’ve tried a few things suggested in other forum topics but none seem to be working.
I’ve tried…
1.
<style>
.embed-container {
position: relative;
padding-bottom: 56.25%; /*this ensures aspect ratio is 16:9*/
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/live_stream?channel=UCwobzUc3z-0PrFpoRxNszXQ' frameborder='0' allowfullscreen></iframe>
(I know there are paid services that offer this but the client prefers a free option.)
Here is my site Read-Only: Webflow - Mount Olive Baptist Church of Rankin, PA