it-swarm.com.de

HTML5 Video pausieren und zurückspulen

Gibt es eine Möglichkeit, ein HTML5-Video anzuhalten und zurückzuspulen? Oder einfach nur aufhören?

Ich habe ein jQuery-Popup. Wenn also jemand darauf klickt, wird das Popup angezeigt und das Video wird abgespielt. Wenn Sie auf die Schaltfläche Schließen klicken, wird das Video angehalten. Ich versuche also, wenn Sie erneut auf die Schaltfläche klicken, um das Popup anzuzeigen, beginnt das Video an der Startposition (0 Sekunden).

Vielen Dank.

31
Alejandro Ar

Sie können einen Verweis auf Ihr Jquery-Videoelement erhalten, wenn Sie es öffnen (oder das Popup-Fenster schließen) und es mit pause () anhalten. Anschließend setzen Sie die Eigenschaft "currentTime" auf 0, um zum Anfang zurückzukehren.

Hier ist ein Verweis auf die Dokumentation für currentTime.

hier ist ein Codebeispiel:

var mediaElement = document.getElementById("video"); 
mediaElement.pause(); 
mediaElement.currentTime = 0;
46
Chris Ching

Um eine korrekte stop (Pause & Rücklauf) -Funktion zu haben, können Sie Folgendes tun:

var video = document.getElementById('vidId');
// or video = $('.video-selector')[0];
video.pause();
video.currentTime = 0;
video.load();

Anmerkung: Dies ist die einzige Version, die in Chrome mit nodejs (meteorjs) im Backend für mich funktioniert hat und webm & ogg-Dateien bereitstellt

7
Matyas

Rufen Sie einfach die pause()-Methode des Videoelements auf. Um die Zeit zurückzusetzen, setzen Sie currentTime auf 0 (oder einen beliebigen anderen Wert in Sekunden).

5

So setzen Sie ein Video in jQuery auf 0 Sekunden zurück:

$('#video')[0].currentTime = 0;

Oder in Vanilla JS (obwohl oben darauf hingewiesen wurde):

var video = document.getElementById('video');
video.currentTime = 0;
0
ajaxx042