Responsive embedded Youtube video in post without sidebar?

[nico2]

nico2

September 28, 2018 at 1:06 pm

Hi support team!
Sometimes, I use blog posts without showing the sidebar on my blog. For example on this trip report:
-> *Login to see link o/durch-ein-namenloses-couloir-auf-den-barkarkolla/

In the future I want to embedde Youtube videos responsive. I tried different possebility, like the Kadence shortcode and a short css code to add a special container:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

On normal blog posts with displayed sidebar the css container works and the clip is responsive. Here you can find an example:
-> *Login to see link o/da-war-alles-dabei-auf-den-galenstock-ueber-den-suedostgrat/
On blog posts without displayed sidebar the Youtube clip is not shown. You can find it in the source code of the page but its position is “sowewhere over the rainbow”. 😉

Can you give me an advice which is the best way to embedde youtube clips responsive in Virtue theme with and without sidebar? For this topic I miss a special article in the Knowledge Base. 😉
Thanks in advance and best regards!

nico