Youtube embed 4:3 when live

[runebrink]

Dearest laystreamers

Im getting a strange render bug here, when embedding youtube videos in laytheme, they appear normally as 16:9, but 4:3 when its a live stream.

If i embed the same stream traditionally trough HTML embed, it show correctly, leaving me suspicious about it being in the laytheme end?

Heres an example:
http://2020.pdas.dk/

[runebrink]

changed the link:
http://2020.pdas.dk/forsidetest

[mariusjopen]

Dear @runebrink
yes. If it is live-stream we are not sure if everything works correctly.
Better to use the HTML element there.
Best!
Marius

[runebrink]

@mariusjopen Thanks, i did and used a css workaround:

<div class="container">
<iframe src="https://www.youtube.com/embed/live_stream?channel=UCslakCvwX60o10L5pK6VgfA"
frameborder="0" allowfullscreen class="video"></iframe>
</div>

.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}