Определить, воспроизводится ли элемент HTML5 Video

Question

Я просмотрел пару вопросов, чтобы выяснить, играет ли элемент HTML5, но не могу найти ответ.Я посмотрел документацию по W3, и в ней есть событие с именем «Playing», но я не могу заставить его работать.

Это мой текущий код:

var stream = document.getElementsByTagName('video');

function pauseStream() {
  if (stream.playing) {
    for (var i = 0; i < stream.length; i++) {
      stream[i].pause();
      $("body > header").addClass("paused_note");
      $(".paused_note").text("Stream Paused");
      $('.paused_note').css("opacity", "1");
    }
  }
}

Answer 1

Это мой код - при вызове функции play() видео воспроизводится или приостанавливается, а изображение кнопки изменяется.

При вызове функции volume() включается / выключается громкость и кнопкаизображение также меняется.

function play() { 
  var video = document.getElementById('slidevideo'); 
  if (video.paused) {
    video.play()
    play_img.src = 'img/pause.png'; 
  }
  else {
    video.pause()
    play_img.src = 'img/play.png';
  }
}

function volume() { 
  var video = document.getElementById('slidevideo');
  var img = document.getElementById('volume_img');
  if (video.volume > 0) {
    video.volume = 0
    volume_img.src = 'img/volume_off.png';  
  }
  else {
    video.volume = 1
    volume_img.src = 'img/volume_on.png';
  }
}

Answer 2

Я только что посмотрел на добавленную ссылку @tracevipin (http://www.w3.org/2010/05/video/mediaevents.html), и увидел свойство с именем "paused".

Я только что проверил его, и он прекрасно работает.