Tip: Make embedded videos fluid in a responsive theme

All our responsive themes come with code that will make embedded videos stretch/shrink to the container they are in, ensuring optimum layout on all devices.

To embed a video in one of our responsive themes, you simply surround the video embed with a div tag with a class attribute of video-container.

Like this:

<div class="video-container"> ...your embed code here ... </div>

That’s it!

UPADTE:
If you use oEmbed share links to media files such as those from YouTube, our responsive themes now automatically wrap them in the code above, so you don’t have to do a thing! Just insert the link and you are away.

Demo:

Leave a Reply

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