Jetpack includes an option to add responsive video support to your theme, and thus make sure that all videos display just as nicely on mobile devices as they do on your largest display.
One of the things that is often overlooked when developing a responsive theme is making videos responsive.
To add responsive video support to your theme, add the following code to your theme’s functions.php file:
/**
* Add theme support for Responsive Videos.
*/
function jetpackme_responsive_videos_setup() {
add_theme_support( 'jetpack-responsive-videos' );
}
add_action( 'after_setup_theme', 'jetpackme_responsive_videos_setup' );
This ensures that any videos are responsive, no additional markup or special coding required. It just works! Every video on your site will display just as nicely on mobile devices as they do on your largest display.
