Я пытаюсь создать собственный видеоплеер, но у меня возникает проблема, когда я пытаюсь использовать Javascript для воспроизведения и приостановки видео.Я получаю эту ошибку:
Uncaught TypeError: Невозможно прочитать свойство 'pause' с нулевым значением в togglePlayPause
Вот мой Javascript.«.video» - это мой видеопроигрыватель, «.orange-juice» - моя шкала прогресса / времени, а «play-pause» - мои кнопки воспроизведения и паузы.
Я также упомяну, что я тестировал спредупреждение (), и оно, кажется, сработало, поэтому я не совсем уверен, что я ошибся.
// VIDEO
var video = document.querySelector(".video");
var juice = document.querySelector(".orange-juice");
var btn = document.getElementById("play-pause");
function togglePlayPause() {
if (video.paused) {
btn.className = "pause";
video.play();
} else {
btn.className = "play";
video.pause();
}
}
btn.onclick = function() {
togglePlayPause();
};