Как установить и настроить OmniVideo для LearnPress

Что такое OmniVideo и зачем он нужен для LearnPress

OmniVideo — это мощный плагин для WordPress, который позволяет удобно интегрировать видео из разных источников (YouTube, Vimeo, Self-hosted) на страницы вашего сайта. Для обучающих платформ на базе LearnPress видео является ключевым элементом контента, поэтому грамотная настройка плеера и его функционала критически важна для улучшения восприятия курсов.

С помощью OmniVideo вы сможете не просто вставлять видео, а организовать удобную работу с уроками: автозапуск, адаптивность, кастомные стили, и даже защиту от скачивания. Кроме того, плагин хорошо взаимодействует с LearnPress и не вызывает конфликтов при загрузке видеоуроков.

В этом руководстве вы узнаете, как быстро установить и настроить OmniVideo под LearnPress, а также как расширить функционал с помощью собственного кода.

Установка плагина OmniVideo на WordPress

Для начала нужно скачать и установить плагин OmniVideo. Обычно он доступен в официальном репозитории WordPress или на сайте разработчика. Если вы покупали премиум-версию, загрузите архив с плагином.

Пошагово:

1. Перейдите в админ-панель WordPress → Плагины → Добавить новый.
2. Загрузите архив с OmniVideo или найдите плагин через поиск.
3. Активируйте плагин после установки.

После активации в меню появится раздел OmniVideo для настройки параметров плеера.

Настройка OmniVideo для курсов LearnPress

OmniVideo по умолчанию поддерживает вставку видео через шорткоды или Gutenberg-блоки. Чтобы интегрировать видео в уроки LearnPress, нужно:

• В редакторе урока LearnPress выбрать место для видео.
• Вставить шорткод OmniVideo с нужными параметрами.

Пример шорткода:

[omnivideo url="https://youtu.be/abc123" width="800" height="450" autoplay="true" controls="true"]

Здесь url — ссылка на видео, width и height — размеры плеера, autoplay и controls — управление поведением плеера.

Чтобы облегчить работу с видео и избежать ручного ввода шорткодов, можно добавить кастомную функцию, которая автоматически подставляет видео из метаполя урока.

Автоматическая вставка видео из метаполя урока LearnPress

Добавим код в файл functions.php вашей темы или в отдельный плагин:

function learnpressru_insert_omnivideo_in_lesson_content($content) {
    if (function_exists('learn_press_get_lesson')) {
        $lesson = learn_press_get_lesson();
        if ($lesson) {
            $video_url = get_post_meta($lesson->get_id(), '_learnpressru_video_url', true);
            if ($video_url) {
                $video_shortcode = '[omnivideo url="' . esc_url($video_url) . '" width="800" height="450" controls="true"]';
                $content = $video_shortcode . $content;
            }
        }
    }
    return $content;
}
add_filter('the_content', 'learnpressru_insert_omnivideo_in_lesson_content');

Этот код проверяет, есть ли в уроке метаполе _learnpressru_video_url, и если есть, добавляет видео плеер в начало контента урока.

Оптимизация работы видео на сайте с LearnPress

Для качественного обучения важно, чтобы видео загружались быстро и без сбоев. Вот несколько советов:

• Используйте CDN: если видео хостятся самостоятельно, настройте CDN для ускорения загрузки.
• Lazy Load видео: в настройках OmniVideo включите отложенную загрузку, чтобы видео грузились только при прокрутке до плеера.
• Кэширование: используйте плагины кэширования для уменьшения нагрузки на сервер.
• Обработка ошибок: добавьте обработчики ошибок плеера, чтобы показывать сообщение при недоступности видео.

Пример добавления отложенной загрузки через JavaScript

Добавьте следующий скрипт в footer.php или через wp_enqueue_script:

document.addEventListener('DOMContentLoaded', function() {
  var videos = document.querySelectorAll('.omnivideo-player');
  videos.forEach(function(video) {
    var iframe = video.querySelector('iframe');
    if (iframe) {
      iframe.setAttribute('loading', 'lazy');
    }
  });
});

Это снизит время первичной загрузки страницы и улучшит пользовательский опыт.

Совместимость OmniVideo с плагинами WPShop

Если вы используете на сайте плагины из семейства WPShop (например, OmniVideo или Quizle для тестов), убедитесь, что их версии совместимы с вашей версией LearnPress и WordPress. Регулярно обновляйте плагины и проверяйте работу после обновлений.

OmniVideo отлично дополнит функционал LearnPress, сделав ваши видеоуроки более удобными и профессиональными.