How to embed full width Youtube video in LayerSlider?

Hi there,

I am trying to build a Layer Slider with just a full width embedded Youtube video. Is this possible? I have played around with various settings but have not had any luck.

Right now my content is as follows:

<div class=”container”>
<iframe src=”https://www.youtube.com/embed/ECIN3XI0XbE?autoplay=1&rel=0&controls=0&showinfo=0&#8243;
frameborder=”0″ allowfullscreen class=”video”></iframe>
</div>

I also have the following CSS code in the slider:

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

I cannot use the page builder slider feature, and must use a custom build LayerSlider due to the issue mentioned in thread
#590018 that is currently unresolved. Any help you can provide would be appreciated.

Thanks,
Emma