Changeset 39273 for trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php

Timestamp:

11/16/2016 11:37:42 PM (8 years ago)

Author:

joemcgill

Message:

Twenty Seventeen: Add styles for custom header video controls.

Following [39272], this uses the header_video_settings filter to modify
the default video header control markup and adds theme specific styles
for the play/pause button.

Props melchoyce, laurelfulford, joemcgill, davidakennedy, bradyvercher.
Fixes #38697.

File:

• trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php (modified) (1 diff)

trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php

@@ -95 +95 @@
 }
 endif; // End of twentyseventeen_header_style.
+
+/**
+ * Customize video play/pause button in the custom header.
+ */
+function twentyseventeen_video_controls( $settings ) {
+    $settings['l10n']['play'] = '<span class="screen-reader-text">' . __( 'Play background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'play' ) );
+    $settings['l10n']['pause'] = '<span class="screen-reader-text">' . __( 'Pause background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'pause' ) );
+    return $settings;
+}
+add_filter( 'header_video_settings', 'twentyseventeen_video_controls' );