Tooloop/Tooloop-Packages
2
0
Fork 0
mirror of https://github.com/Tooloop/Tooloop-Packages.git synced 2026-04-27 20:41:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

video handling, tweaks

Browse Source
This commit is contained in:
Daniel Stock
2024-02-19 17:12:43 +01:00
parent 73e4ea148c
commit 0cf9ddd7eb
3 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
onboarding/package/assets/data/js/Slider.js
+21 -10
View File
@@ -74,34 +74,45 @@ class Slider {
}
onScroll(e) {
this.activeSlide = Math.round(e.target.scrollLeft / 800);
let newSlide = Math.round(e.target.scrollLeft / 800);
if(this.activeSlide != newSlide) {
this.handleVideoPlayback(this.activeSlide, newSlide);
this.activeSlide = newSlide;
}
}
next() {
// stop old video
if (this.getType(this.activeSlide) == "video") {
this.slides[this.activeSlide].querySelector("video").pause();
}
// scroll to next slide
let targetSlide = this.activeSlide >= (this.data.length - 1) ? 0 : this.activeSlide + 1;
this.element.scrollTo(targetSlide * 800, 0);
this.handleVideoPlayback(this.activeSlide, targetSlide);
this.start();
}
handleVideoPlayback(oldSlideIndex, newSlideIndex) {
// stop old video
if (this.getType(oldSlideIndex) == "video") {
this.slides[oldSlideIndex].querySelector("video").pause();
}
// start new video and timeout
if (this.getType(targetSlide) == "video") {
let video = this.slides[targetSlide].querySelector("video");
if (this.getType(newSlideIndex) == "video") {
let video = this.slides[newSlideIndex].querySelector("video");
video.currentTime = 0
video.play();
}
this.start();
}
previous() {
let targetSlide = this.activeSlide <= 0 ? (this.data.length - 1) : this.activeSlide - 1
this.element.scrollTo(targetSlide * 800, 0);
this.handleVideoPlayback(this.activeSlide, targetSlide);
this.start();
}