dsherbakov
@dsherbakov
Студент

Как кнопкой сделать на сайте смену ролика на следующий?

По обе стороны от плеера на сайте должны быть стрелочки, при нажатии на какую-либо из них ролик должен меняться или на предыдущий или на следующий из папки с видео. Как мне этого добиться?
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Примерно так:
var videos = [
  'http://mysite.com/video/32412.mp4',
  'http://mysite.com/video/32412.mp4',
  'http://mysite.com/video/32412.mp4',
  'http://mysite.com/video/32412.mp4'
];

var nextBtn = document.getElementById("next-btn");
var videoPlayer = document.getElementById("video-player");
var currentVideo = 0;

nextBtn.addEventListener("click", function() {
  currentVideo++;
  if (currentVideo === videos.length) currentVideo = 0;
  videoPlayer.src = videos[currentVideo];
  videoPlayer.play();
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы