Logo Pupungbp.com

Need a WordPress expert help?

Simple Way to Make Your Embed Video Responsive Using Only CSS

Last Updated: December 23, 2014 | Reading Time: < 1 minute

Simple way to make your Embedded video responsive within a minute, is by adding CSS rule:

[css]
.post iframe {
width: 100% !important;
}
[/css]

You can add the code into style.css if you working on WordPress based website.

Targeting Youtube video:
[css]
iframe[src*=youtube] {
width: 100% !important;
}
[/css]

Targeting Vimeo video:
[css]
iframe[src*=vimeo] {
width: 100% !important;
}
[/css]

See this demo.

Looking for an affordable WordPress solution?

We offer budget-friendly WordPress website development services to meet your needs. Prices start at $10.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.