Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

How to make the youtube player responsive

Back to: Virtue Theme5 Replies

Home / Forums / Virtue Theme / How to make the youtube player responsive

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme

Tagged: 

Anonymous 6284
November 26, 2018 at 3:33 pm

Hello,
My website is not “responsive” displaying the youtube player ?
Look on this site on a smartphone :

I’ve put these codes :

<div class="video-responsive"> <iframe width="560" height="315" src=" frameborder="0" allowfullscreen></iframe>
</div>
and the CSS :
.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}

.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute;}

But don’t seems to work.
Can you help please ?
Thanks

Gerard

  • The forum ‘Virtue Theme’ is closed to new topics and replies.