- This topic has 7 replies, 3 voices, and was last updated 9 years, 5 months ago by .
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
Home › Forums › Fitness Pro Forum › How to put a video responsive from Youtube on the homepage
Hi,
I would like to embed a video from youtube, full size on thee laptob but responsive on other platforms like mobile and tablets.
I don’t know how I can do it.
Thanks a lot.
Hi,
Kindly show us your website link
Regards,
Shri
Hi,
Here’s the website: http://www.y2cgymbox.com/en
Thanks!
Hi,
Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
paste this css code in custom css box
.video-container iframe{width:100%; height:600px;}
Regards,
Shri
Perfect!
Thanks a lot for you quickly answer.
paste this css code in custom css box (for Responsive)
@media screen and (max-width:479px) {
.video-container iframe{width:100%; height:auto;}
}
@media screen and (max-width:719px) and (min-width:480px) {
.video-container iframe{width:100%; height:300px;}
}
@media screen and (max-width:979px) and (min-width:720px) {
.video-container iframe{width:100%; height:500px;}
}
Regards,
Shri
Hello, I have followed your advice writing : video-container iframe{width:100%; height:600px;} in the css box (stetting basics)
but my video is still no responsive : http://ervent.aragon-team.fr/a-propos-d-ervent/
the embed from youtube is : <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/LKhldlWe2xI” frameborder=”0″ allowfullscreen></iframe>
Thanks for your help.
Hi Emma,
The website link you provided above is invalid. Please provide the valid link.
Regards,
Shri
Document Management WordPress Plugins for File Management There are many document management WordPress plugins available online. Starting to open-source blogging software to a fully-fledged CMS […]
Are you looking for the best WooCommerce based plugins for your WooCommerce Website? Here’s a list of the best WooCommerce based plugins. These are suitable […]
When talking about WordPress, you may get curious about the plugins used by WordPress, shortcodes, page builder, etc., in the same way, SEO optimized WordPress […]