Verwendung: Lokales HTML5-Video ohne rewind

Fabrizio's Avatar

Fabrizio

17 Jan, 2020 09:02 PM

Produkt: Slider Pro Contao
Contao-Version: 4.4
Browser und Browserversionen: Chrome, neuester

Guten Abend

Wir haben das Problem wenn ein lokales HTML5-Video abgespielt wurde, es automatisch zurückgespult wird.
Kann man dies verhinden? Gerne möchten wir das letzte Bild des Videos am Ende noch sichtbar ist.
(Wir animieren einen Schriftzug und am Ende der Animation ist die Zeichenkette komplett. )

Welche Einstellung muss ich vornehmen?

Beste Grüsse

  1. Support Staff 1 Posted by RockSolid Theme... on 20 Jan, 2020 03:19 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Nein, im Slider ist es leider nicht möglich das Endbild eines Videos stehen zu lassen.

  2. 2 Posted by Fabrizio on 21 Jan, 2020 09:35 AM

    Fabrizio's Avatar

    Danke für die rasche Antwort.

    Wir haben es nun per JS gelöst. Es ist sicher keine allgemeine Lösung, evt. kann dies jemand noch gebrauchen.

    function pauseVideoBeforeEnd()
    {
        var videos = document.querySelectorAll('video');
    
        for (var i = 0; i < videos.length; i++) 
        {
            var self = videos[i];
            self.addEventListener("timeupdate", function() 
            {
                //console.log('checking time...');
    
                if (self.currentTime > self.duration - 0.3) {
                    // 0.3 is seconds before end.
                    self.pause();
                }
            }, false);
        }
    }
    

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