Как переключать воспроизведение и паузу в Video.js: методы и примеры

Чтобы переключать воспроизведение и паузу с помощью Video.js, вы можете использовать несколько методов. Вот несколько примеров:

Метод 1: использование JavaScript

// Get the video element
var video = videojs('my-video');
// Toggle play and pause on button click
document.getElementById('play-pause-btn').addEventListener('click', function() {
  if (video.paused()) {
    video.play();
  } else {
    video.pause();
  }
});

Метод 2: использование событий Video.js

// Get the video element
var video = videojs('my-video');
// Toggle play and pause on button click
document.getElementById('play-pause-btn').addEventListener('click', function() {
  if (video.paused()) {
    video.trigger('play');
  } else {
    video.trigger('pause');
  }
});

Метод 3. Использование Video.js API

// Get the video element
var video = videojs('my-video');
// Toggle play and pause on button click
document.getElementById('play-pause-btn').addEventListener('click', function() {
  if (video.paused()) {
    video.api().play();
  } else {
    video.api().pause();
  }
});

Во всех этих методах мы предполагаем, что у вас есть проигрыватель Video.js с HTML-элементом видео и кнопкой с идентификатором play-pause-btn, которая запускает действие воспроизведения/паузы.