Verwendung: Fragen zum generellen Slider-Verhalten

Christian's Avatar

Christian

19 May, 2020 06:17 AM

Produkt: Slider Pro Contao
Contao-Version: 4.6.14
Browser und Browserversionen: Chrome

Guten Tag,
ich habe die Pro Version des SLiders gekauft. NUn habe ich folgendes Problem. Ich lade Videos und BIlder im wechsel. Der Slider verhält sich nun folgendermaßen: Wenn ein Video vollständig geladen wurde, beginnt es zu spielen. Sobald das Video zu Ende ist setzt der Fade ein. Es kommt hierbei jedoch zu einem Spring, da das Video an den Anfang zurück springt. Ich hätte gerne eine fest definiere Zeitspanne, wie z.B. bei de Bildern, so dass der Fade nicht erst dann beginnt wenn das Video zu ende ist, sondern nach der von mir angegebenen Zeitspanne. Weiterhin wird, sobald das Video am Ende stopt, immer ein Playbutton unten link angezeigt. Zur veranschaulichung meines Problems, können Sie sich die Integration hier gerne einmal ansehen: http://www.studiobasler.de.

  1. Support Staff 1 Posted by RockSolid Theme... on 19 May, 2020 10:19 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Sie können für Ihren Anwendungsfall das Video als Hintergrundvideo in den Slide-Einstellungen einfügen. Für Hintergrundvideos werden keine Video-Buttons angezeigt zudem greift ein Hintergrundvideo nicht in die Autoplay-Dauer des Sliders ein.

  2. 2 Posted by Christian Basle... on 19 May, 2020 10:26 AM

    Christian Basler's Avatar

    Guten Tag,
    das habe ich gerade ausprobiert, jedoch wird das Video dann rehts und links beschnitten. Ist das etwas was dann mein Webentwickler anpassen muss? Weiterhin wird, sobald der fade zum nächsten Element beginnt, das Video gestopt. Das soll aber einfach weiter laufen...

    Viele Grüße
    Christian Basler

  3. Support Staff 3 Posted by RockSolid Theme... on 19 May, 2020 01:22 PM

    RockSolid Themes's Avatar

    Wie das Hintergrundvideo skaliert werden soll können Sie in den Einstellungen des Slides unter „Hintergrund-Skalierungsmodus“ festlegen.

    Damit das Video nicht pausiert wird können Sie z. B. folgenden JavaScript-Code einsetzen:

    jQuery('.mod_rocksolid_slider').on('rsts-slidestart', function() { 
        jQuery(this).find('video').each(function() {
            this.paused && this.play();
        })
    });
    
  4. 4 Posted by Christian Basle... on 19 May, 2020 01:52 PM

    Christian Basler's Avatar

    Hallo,
    danke schonmal bis hier hin. Wenn ich jetzt allerdings alle Slider-Elemente durchlaufen lasse und wieder bei dem ersten Video anfange, habe ich einen Sprung in dem Video. Es sieht so aus als würde es dann wieder von vorne beginnen, wahrscheinlich desshalb weil das video im HIntergrund einfach weiter läuft oder? Kann man das noch per Befehl imm auf den Beginn setzen bevor es angezeigt wird???

    Danke
    Christian Basler

  5. Support Staff 5 Posted by RockSolid Theme... on 20 May, 2020 09:23 AM

    RockSolid Themes's Avatar

    Um das Video jeweils auf den Beginn zu setzen können Sie stattdessen folgenden Code einsetzen:

    jQuery('.mod_rocksolid_slider').on('rsts-slidestart', function(event) { 
        event.rstSlider.getSlide(event.rstSlider.slideIndex).element.find('video').each(function() { 
            this.currentTime = 0; 
        });
        jQuery(this).find('video').each(function() {
            this.paused && this.play();
        });
    });
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac