Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 YouTube in Responsive Template
Author « Topic »  

iaind
Advanced Member

145 Posts

Pre-sales questions only
(More Details...)

Posted - 06/27/2019 :  02:17:59  
Hi

We want to embed a YouTube guide in our long product description. We've copied the code in from YouTube and it works fine on the desktop, but doesn't adjust to fit on a mobile device. Any suggestions as to how to get round this?

Andy
ECT Moderator

95440 Posts

Posted - 06/27/2019 :  02:24:25  
Hi

Put the youtube code inside it's own div like this

<div class="video-container">
You tube iframe
</div>

and then add this to your css file

.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%;}

Andy



Please feel free to review / rate our software

iaind
Advanced Member

145 Posts

Pre-sales questions only
(More Details...)

Posted - 06/27/2019 :  02:29:00  
Thanks Andy
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000