Ticket #21480: fitvids2.diff

wp-content/themes/twentytwelve/js/theme.js

@@ -38 +38 @@
                         }
                 }, 200 );
         } );
+
+        $('.responsive-video').fitVids();
 } );
+ No newline at end of file

wp-content/themes/twentytwelve/functions.php

@@ -101 +101 @@
                 wp_enqueue_script( 'comment-reply' );
 
         /**
+         * FitVids adds responsiveness for videos.
+         */
+        wp_enqueue_script( 'twentytwelve-fitvids', get_template_directory_uri() . '/js/fitvids.js', array( 'jquery' ), '20120802', true );
+
+        /**
          * JavaScript for handling navigation menus and the resized
          * styles for small screen sizes.
          */
-        wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/theme.js', array( 'jquery' ), '20120802', true );
+        wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/theme.js', array( 'jquery', 'twentytwelve-fitvids' ), '20120802', true );
 
         /**
          * Load special font CSS file.
@@ -164 +169 @@
 add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 );
 
 /**
+ * Add post class responsive-video that fitvids can target
+ *
+ * @since Twenty Twelve 1.0
+ */
+function twentytwelve_responsive_video_post_class($classes){
+        $classes[] = 'responsive-video';
+        return $classes;
+}
+add_filter('post_class', 'twentytwelve_responsive_video_post_class');
+
+/**
  * Get our wp_nav_menu() fallback, wp_page_menu(), to show a home link.
  *
  * @since Twenty Twelve 1.0