Every now and then you can see a new responsive WordPress theme getting released in the market. Responsive themes surely are a way to go if you want to ensure that your website is displayed properly on various devices. Even the default Twenty twelve theme is responsive. The problem is that when you embed videos to your WordPress based site then you will notice that their height and width is fixed. This means that all of your content will scale to your visitor’s screen resolution but video will remain as it is, it won’t scale as per the screen resolution. The video might also break your beautiful responsive design.
Responsive Video Embeds to WordPress
Responsive Video Embeds is a WordPress plugin that will automatically resizes your WordPress auto-embeds, like video and other iframes, in a responsive fashion. This plugin makes use of the auto-embeds introduced in WordPress since version 3.0, which automatically turns links into video embeds. In the front-end the visitor can see a complete video player.
Install this plugin and activate it. There’s no need to perform any additional settings, but if you want to then go to Settings > Media. From here, you can see that this plugin enables the auto-embeds option by default.
In the Maximum embed size, enter the maximum height and width that you wish to set for your videos. In most cases, 600px work great but it really depends on your theme’s width or you can just leave this field as it is.
This plugin supports all the below video providers:
- YouTube
- Vimeo
- DailyMotion
- Blip.tv
- Viddler
- Funny or Die
- Revision 3
- hulu.com
- WordPress.tv
- Scribd
You just need to embed the videos as your normally do (by simply inserting the video URL in the post) and this plugin will make all videos responsive, to suit the visitor’s screen resolution. To check, you can resize your browser window and you will notice that the video scales to fit the resolution.
WordPress Multisite Compatibility
This plugin is compatible with WordPress Multisite. All you need to do is to use the Network Activate feature to enable responsive video resizing embed on every site. You can activate this plugin for a specific site also.
This plugin is super useful and is great for anyone who wants to ensure that the videos are automatically resized/scaled to fit user’s resolution. Go ahead, try it out and let us know your opinion on this useful plugin.