WordPress Нет звука в заголовке YouTube видео на главной странице - PullRequest
Новая
       21

WordPress Нет звука в заголовке YouTube видео на главной странице

0 голосов
/ 27 ноября 2018

Я пытаюсь использовать the_custom_header_markup(); в своей теме для создания петли видео в верхней части страницы, как показано в базовой теме tweetySeventeen, и я не могу понять, как включить звук видео.

1 Ответ

0 голосов
/ 27 ноября 2018

видео контролируется с помощью файла /wp-includes/js/wp-custom-header.js

для настройки их в вашей теме, вам необходимо перезаписать этот файл.

1) Скопируйте этот файл в ваши активы из корняна вашем сайте напишите 

cp wp-includes/js/wp-custom-header.js wp-content/themes/[Your Theme]/assets/wp-custom-header.js

2) зарегистрируйте новый файл в [Your Theme]/functions.php, добавив этот код 

add_action( 'wp_enqueue_scripts', 'register_header_script' );

function register_header_script() {
   wp_deregister_script( 'wp-custom-header');
   wp_register_script( 'wp-custom-header', get_theme_file_uri('/assets/js/wp-custom-header.js'), array( 'jquery-masonry' ), false, 1 );
}

3) Теперь мы можем управлять видео различными способами, чтобы включитьзвук в нашем файле wp-custom-header.js поиск и удаление строки e.target.mute(); (строка 390 в wordpress 4.9.8)

до 

            handler.player = new YT.Player( video, {
            height: this.settings.height,
            width: this.settings.width,
            videoId: this.settings.videoUrl.match( VIDEO_ID_REGEX )[1],
            events: {
                onReady: function( e ) {
                    e.target.mute();
                    handler.showControls();
                }, ...

после 

        handler.player = new YT.Player( video, {
            height: this.settings.height,
            width: this.settings.width,
            videoId: this.settings.videoUrl.match( VIDEO_ID_REGEX )[1],
            events: {
                onReady: function( e ) {
                    // e.target.mute();
                    handler.showControls();
                }, ...

Существует много других функций видео заголовка, которые вы не можете настроить в этом файле.

Наслаждайтесь!

...