Ticket #38778: 38778.notification.diff

src/wp-admin/js/customize-controls.js

@@ -5284 +5284 @@
                         } );
                 } );
 
+                // Toggle visibility of Header Video notice when active state change.
+                api.control( 'header_image', 'header_video', function( headerImageControl, headerVideoControl ) {
+                        var toggleNotice = function() {
+                                var code = 'header_video_unpreviewable', notification;
+                                if ( ! headerVideoControl.active.get() && ! headerImageControl.notifications.has( code ) ) {
+                                        notification = new api.Notification( code, { message: api.l10n.headerVideoNotice, type: 'info' } );
+                                        headerImageControl.notifications.add( code, notification );
+                                } else if ( headerVideoControl.active.get() && headerImageControl.notifications.has( code ) ) {
+                                        headerImageControl.notifications.remove( code );
+                                }
+                        };
+                        headerVideoControl.active.bind( toggleNotice );
+                        toggleNotice();
+                } );
+
                 // Update the setting validities.
                 api.previewer.bind( 'selective-refresh-setting-validities', function handleSelectiveRefreshedSettingValidities( settingValidities ) {
                         api._handleSettingValidities( {

src/wp-includes/class-wp-customize-manager.php

@@ -3407 +3407 @@
 
                 if ( current_theme_supports( 'custom-header', 'video' ) ) {
                         $title = __( 'Header Media' );
-                        $description = __( 'If you add a video, the image will be used as a fallback while the video loads.' );
+                        $description = __( '<p>If you add a video, the image will be used as a fallback while the video loads.</p>' );
+                        $description .= '<p class="header-video-not-currently-previewable notice notice-info">' . __( 'Note: This theme doesn\'t support video headers on this page. Navigate to the front page or another page that does.' ) . '</p>';
                         $width = absint( get_theme_support( 'custom-header', 'width' ) );
                         $height = absint( get_theme_support( 'custom-header', 'height' ) );
                         if ( $width && $height ) {
@@ -3484 +3485 @@
                                 'placeholder'  => __( 'No video selected' ),
                                 'frame_title'  => __( 'Select Video' ),
                                 'frame_button' => __( 'Choose Video' ),
-                        )
+                        ),
+                        'active_callback' => 'is_front_page',
                 ) ) );
 
                 $this->add_control( 'external_header_video', array(
@@ -3492 +3494 @@
                         'type'           => 'url',
                         'description'    => __( 'Or, enter a YouTube URL:' ),
                         'section'        => 'header_image',
+                        'active_callback'=> 'is_front_page',
                 ) );
 
                 $this->add_control( new WP_Customize_Header_Image_Control( $this ) );

src/wp-includes/script-loader.php

@@ -472 +472 @@
                 'untitledBlogName'   => __( '(Untitled)' ),
                 // Used for overriding the file types allowed in plupload.
                 'allowedFiles'       => __( 'Allowed Files' ),
+                'headerVideoNotice'  => __( 'Note: This theme doesn\'t support video headers on this page. Navigate to the front page or another page that does.' ),
         ) );
         $scripts->add( 'customize-selective-refresh', "/wp-includes/js/customize-selective-refresh$suffix.js", array( 'jquery', 'wp-util', 'customize-preview' ), false, 1 );