Вопрос или проблема
Как установить субтитры по умолчанию в видео WordPress?
Вот шорткод, который WordPress создал после добавления видео с субтитрами из медиа:
Теперь, когда я вижу запись в фронтальном офисе, мне нужно кликнуть на «cc» в панели управления видео и выбрать «English». По умолчанию стоит «None».
Теперь как я могу изменить это значение по умолчанию на английский, чтобы пользователю не приходилось выбирать субтитры?
С точки зрения пользовательского опыта решение о том, отображать ли дорожку субтитров, в первую очередь должно оставаться за пользователем.
Правка: с учетом этого, mediaelement.js позволяет указать начальную дорожку субтитров, передав этот параметр:
{ startLanguage: 'en' }
С помощью jQuery кликните на метку субтитров
Значение srclang “en”.
if ($('#mep_0_track_0_subtitles_en').length > 0)
$('#mep_0_track_0_subtitles_en').trigger('click');
Ответ или решение
Как установить субтитры по умолчанию для видео в WordPress
Введение
В современном веб-пространстве важность доступности контента трудно переоценить. Субтитры позволяют расширить аудиторию, предоставляя информацию для тех, кто предпочитает видеть текст, и для людей с ограниченными возможностями. Если вы используете WordPress для размещения видео, вы можете столкнуться с проблемой, когда субтитры не отображаются по умолчанию, и пользователям необходимо вручную их включать. В данной статье мы рассмотрим, как установить субтитры по умолчанию для видео на вашем сайте.
Основное
При добавлении видео в WordPress с субтитрами, созданный шорткод может выглядеть следующим образом:
<div style="width: 730px;" class="wp-video">
<video class="wp-video-shortcode" id="video-0-2" width="730" height="411" preload="metadata" controls="controls">
<source type="video/mp4" src="http://example.com/wp-content/uploads/test.mp4?_=2" />
<track srclang="En" label="English" kind="subtitles" src="https://example.com/wp-content/uploads/test.vtt" />
<a href="http://example.com/wp-content/uploads/test.mp4">http://example.com/wp-content/uploads/test.mp4</a>
</video>
</div>В данном коде track используется для добавления субтитров, однако, по умолчанию они не отображаются. Пользователь должен нажать на кнопку "cc" и выбрать нужный язык, чтобы увидеть субтитры.
Использование jQuery для автоматического выбора субтитров
Одним из решений этой проблемы является использование jQuery для автоматического выбора субтитров при загрузке страницы. Вы можете добавить следующий код в ваш файл JavaScript:
jQuery(document).ready(function($) {
// Проверяем, есть ли субтитры
if ($('#mep_0_track_0_subtitles_en').length > 0) {
$('#mep_0_track_0_subtitles_en').trigger('click'); // Кликаем по английским субтитрам
}
});Этот код активирует субтитры на английском языке автоматически, облегчая пользователям просмотр видео.
Использование mediaelement.js
Другой эффективный способ установить язык субтитров по умолчанию — это использование настроек библиотеки mediaelement.js, которая управляет воспроизведением медиа в WordPress. Вы можете передать опцию startLanguage:
$("video").mediaelementplayer({
startLanguage: 'en'
});Эта настройка позволят установить английский язык как язык по умолчанию для субтитров, если у вас установлен плагин или библиотека mediaelement.js.
Заключение
Варианты, представленные выше, позволяют улучшить пользовательский опыт на вашем сайте, обеспечивая удобный доступ к субтитрам. Учтите, что доступность контента всегда должна быть в первую очередь, но и не забывайте, что предоставление пользователю возможности выбора также играет важную роль.
Перед внедрением изменений обязательно протестируйте их на различных устройствах и браузерах, чтобы гарантировать, что все работает без сбоев. Помните, что в конечном счете ваша цель — создать дружелюбную и доступную среду для всех пользователей вашего сайта.