Ticket #31077: 31077.patch

src/wp-admin/css/common.css

@@ -1298 +1298 @@
         margin: 5px 0 15px;
 }
 
+.wpview-error {
+        border: 1px solid #dedede;
+        padding: 1em 0;
+        margin: 0;
+        word-wrap: break-word;
+}
+
+.wpview-wrap[data-mce-selected] .wpview-error {
+        border-color: transparent;
+}
+
+.wpview-error .dashicons,
+.loading-placeholder .dashicons {
+        display: block;
+        margin: 0 auto;
+        width: 32px;
+        height: 32px;
+        font-size: 32px;
+}
+
+.wpview-error p {
+        margin: 0;
+        text-align: center;
+        font-family: 'Open Sans', sans-serif;
+}
+
 #update-nag,
 .update-nag {
         display: inline-block;

src/wp-includes/js/media-views.js

@@ -7468 +7468 @@
                                         post_ID: media.view.settings.post.id,
                                         shortcode: '[embed]' + this.model.get('url') + '[/embed]'
                                 }
-                        } ).done( _.bind( this.renderoEmbed, this ) );
+                        } ).done(
+                                _.bind( this.renderoEmbed, this )
+                        ).fail(
+                                _.bind( this.renderoEmbedError, this )
+                        );
                 },
 
                 renderoEmbed: function( response ) {
                         var html = ( response && response.body ) || '';
 
                         this.spinner.hide();
-
                         this.$('.setting.title').hide();
                         this.$('.embed-container').show().find('.embed-preview').html( html );
+                },
+
+                renderoEmbedError: function( response ) {
+                        var html = ( response && response.message ) || '';
+
+                        if ( ! response ) {
+                                return;
+                        }
+                        if ( ! response.type ) {
+                                return;
+                        }
+                        if ( 'not-ssl' != response.type ) {
+                                return;
+                        }
+
+                        this.spinner.hide();
+                        this.$('.setting.title').hide();
+                        this.$('.embed-container').show().find('.embed-preview').html( '<div class="wpview-content wpview-type-embed"><div class="wpview-error"><div class="dashicons dashicons-admin-media"></div><p>' + html + '</p></div></div>' );
                 }
         });