Ticket #21480: 21480.patch

wp-content/themes/twentytwelve/style.css

@@ -297 +297 @@
 video {
         max-width: 100%;
 }
+.video-embed {
+        height: 0 !important;
+        overflow: hidden !important;
+        padding-top: 30px !important;
+        padding-bottom: 56.25% !important;
+        position: relative !important;
+}
+.video-embed embed,
+.video-embed iframe,
+.video-embed object,
+.video-embed video {
+        position: absolute !important;
+        top: 0 !important;
+        left: 0 !important;
+        width: 100% !important;
+        height: 100% !important;
+}
 
 /* Images */
 .alignleft {

wp-content/themes/twentytwelve/functions.php

@@ -387 +387 @@
                 $content_width = 960;
         }
 }
-add_action( 'template_redirect', 'twentytwelve_content_width' );
- No newline at end of file
+add_action( 'template_redirect', 'twentytwelve_content_width' );
+
+/**
+ * Add new HTML container element around video embeds
+ * to allow for CSS scaling of videos in responsive layouts.
+ *
+ * @param string The embed HTML content.
+ * @param string URL for embed.
+ * @return string New HTML content.
+ *
+ * @since Twenty Twelve 1.0
+ */
+function twentytwelve_modify_embed_output( $html, $url ) {
+        $resize = false;
+        $accepted_providers = array(
+                'blip.tv',
+                'dailymotion',
+                'funnyordie.com',
+                'hulu.com',
+                'revision3.com',
+                'scribd.com'
+                'slideshare',
+                'viddler.com',
+                'vimeo',
+                'wordpress.tv',
+                'youtube',
+        );
+
+        // Check each provider.
+        foreach ( $accepted_providers as $provider ) {
+                if ( strstr( $url, $provider ) ) {
+                        $resize = true;
+                        break;
+                }
+        }
+
+        // Not an accepted provider.
+        if ( ! $resize )
+                return $html;
+
+        // Pattern for removing width and height attributes.
+        $attr_pattern = '/(width|height)="[0-9]*"/i';
+        $whitespace_pattern = '/\s+/';
+        $embed = preg_replace( $attr_pattern, '', $html );
+        $embed = preg_replace( $whitespace_pattern, ' ', $embed );
+        $embed = trim( $embed );
+
+        // Add container around the video, use a <p> to avoid conflicts with wpautop()
+        $html = "<p class=\"video-embed\">$embed</p>\n";
+
+        return $html;
+}
+add_filter( 'embed_oembed_html', 'twentytwelve_modify_embed_output', 10, 2 );
+ No newline at end of file