Как доработать плагин fullpage.js?

Question

[tommmm]

Есть стандартный слайдер созданный fullpage.js. Первый слайд - видео, после воспроизведения которого идёт показ картинок. Когда слайдер возвращается на первую позицию - видео не должно воспроизводиться. Сейчас же оно продолжает воспроизводиться.

Удалось реализовать запуск слайдера после воспроизведения видео. В js не силён:

var video = document.getElementsByTagName('video')[0];

video.onended = function(e) {
$.fn.fullpage.moveSlideRight();
interval = setInterval(function() {
$.fn.fullpage.moveSlideRight();
}, 5000);
};

Но не знаю, как перезапустить счётчик при нажатии на кнопки "fp-controlArrow" и "fp-slidesNav ul li a" и как отключить видео после первого воспроизведения (до обновления страницы).

Спасибо.

Answer 1

[Максим Тимофеев]

Не надо дорабатывать слайдер, надо просто использовать его события и запускать видео по событию активации нужного слайда
https://github.com/alvarotrigo/fullPage.js#callbacks

Comments

[tommmm]

Верно, это у имел в виду.) Видео воспроизводится когда нужно. Другое дело, что я не знаю каким образом воспроизвести его один раз. Т.к. чтобы оно воспроизводилось при загрузке страницы надо в video прописать параметр data-autoplay, но нельзя указать количество воспроизведений, будто указан параметрв loop. Вторая проблема, я не знаю, как перезапустить SetInterval при нажатии на кнопку.

[Максим Тимофеев]

tommmm, Как Вы видео вставляете?

[tommmm]

<video data-autoplay  width="100%" height="auto" preload="auto" poster="exampe.jpg" > <source src="example.mp4">   </source> </video>

После загрузки оно начинает воспроизводиться. Когда слайдер к нему возвращается повторно, оно воспроизводится опять.