diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php index 029ea04c3c..24a25dd48b 100644 --- a/src/wp-admin/about.php +++ b/src/wp-admin/about.php @@ -9,8 +9,28 @@ /** WordPress Administration Bootstrap */ require_once( dirname( __FILE__ ) . '/admin.php' ); -if ( current_user_can( 'customize' ) ) { - wp_enqueue_script( 'customize-loader' ); +if ( ! wp_is_mobile() ) { + wp_enqueue_style( 'wp-mediaelement' ); + wp_enqueue_script( 'wp-mediaelement' ); + wp_localize_script( 'mediaelement', '_wpmejsSettings', array( + 'pluginPath' => includes_url( 'js/mediaelement/', 'relative' ), + 'pauseOtherPlayers' => '', + ) ); +} + +/** + * Replaces the height and width attributes with values for full size. + * + * wp_video_shortcode() limits the width to 640px. + * + * @since 4.6.0 + * @ignore + * + * @param $output Video shortcode HTML output. + * @return string Filtered HTML content to display video. + */ +function _wp_override_admin_video_width_limit( $output ) { + return str_replace( array( '640', '384' ), array( '1050', '630' ), $output ); } $video_url = 'https://videopress.com/embed/scFdjVo6?hd=true'; @@ -50,9 +70,25 @@ include( ABSPATH . 'wp-admin/admin-header.php' );

-
- -
+ 'https://cldup.com/NlOEbKLT_6.mp4', + 'ogv' => 'https://cldup.com/0XzDZMlYwb.ogv', + 'webm' => 'https://cldup.com/ngOx9w9VlE.webm', + 'poster' => 'https://cldup.com/c0kfjoVcFo.png', + 'loop' => true, + 'autoplay' => true, + 'width' => 1050, + 'height' => 630, + 'class' => 'wp-video-shortcode feature-video', + ) ); + remove_filter( 'wp_video_shortcode', '_wp_override_admin_video_width_limit' ); + } else { + echo ''; + } + ?>

@@ -60,7 +96,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );

- +

@@ -68,13 +104,13 @@ include( ABSPATH . 'wp-admin/admin-header.php' );

- +

- -

+ +

diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index 2c36e3dceb..a6dbb5c4ad 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -90,17 +90,14 @@ .about-wrap p { line-height: 1.5; font-size: 14px; +} + +.about-wrap .feature-section p { max-width: 38em; margin-left: auto; margin-right: auto; } -.about-wrap .changelog p { - max-width: 100%; - margin-left: 0; - margin-right: 0; -} - .about-wrap h1 { margin: 0.2em 200px 0 0; padding: 0; @@ -201,6 +198,14 @@ margin-top: 3em; } +.about-wrap .feature-video .mejs-controls { + display: none !important; +} + +.about-wrap .feature-video .mejs-overlay-loading span { + background: transparent; /* Hide loading.gif */ +} + /* 1.3 - Point Releases */ .about-wrap .point-releases { @@ -474,11 +479,13 @@ padding-bottom: 0; } - .about-wrap .under-the-hood:nth-of-type(2n) { + .about-wrap .under-the-hood:nth-of-type(2n), + .about-wrap .under-the-hood:nth-of-type(3n) { margin-top: 0; } - .about-wrap .under-the-hood:nth-of-type(2n) h4 { + .about-wrap .under-the-hood:nth-of-type(2n) h3, + .about-wrap .under-the-hood:nth-of-type(3n) h3 { margin-top: 0; } }