The following was working perfectly with v.16.  I just updated to v.17 and now this does not work.

I have a Youtube chanel embeded link inside an HTML fragment that automatically resizes to the screen width.  However, upon udating to the new v.17 today, and after converting the project files, the HTML Fragment with the resonsive design code does not work at all... nothing shows up... BUT if I remove a part of the code then it shows up but is not responsive anymore.

Here is the code that works with v.16 inside the HTML Fragment:

-----------------------------------------

<div class="container">
<iframe src="https://www.youtube.com/embed/videoseries?list=blablablablablabla..." frameborder="0" allowfullscreen class="containerframe"></iframe>
</div>

-----------------------------------------

AND the...

CSS / Expert section code:

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

-----------------------------------------

NOW... once I upgraded to v.17, this code won't work and nothing shows up on the web browser.

HOWEVER, if I remove the code...

class="containerframe"

...from the iframe code, then everything shows up BUT it will not autorezise acording to the screen size.

SO...

In version 17, HOW do I make it to automatically rezise (as it worked with v.16) according to the screen size... how to I make this code responsive again?

In advanced, thanks.