Wiederholtes Abspielen eines Videos

Question

Hallo zusammen,

ich würde gerne einen Button hinzufügen, bei dem man durch Draufklicken ein Video ein erneutes Mal abspielen lassen kann? Aktuell habe ich nur ein Button hinzugefügt mit diesem Code, durch das man die Seite erneut laden kann.

Gibt es da die Möglichkeit, das Abspielen eines Videos mit dem Klicken eines Buttons zu verknüpfen? Das Video binde ich aktuell mit diesem HTML Code ein:

video width="1024" height="568" controls controlsList="nodownload"
 source src="Tutorial.mp4" type="video/mp4" 
/video

Für den Button verwende ich folgenenden PHP- Code aktuell:

html(div style="text-align: right; margin: 2em 0">'.
buttonToPage('Intro2', 'Video erneut abspielen').
'</div>'

Danke und viele Grüße!

Answer 1

Wenn Sie dem Video eine HTML-ID geben, können Sie per Knopfdruck zum Anfang springen und das Abspielen (erneut) starten.

<video id="stimulus" ...>

Und dann mit Script:

<button type="button" id="replay">Nochmal!</button>
<script type="text/javascript">
document.getElementById("replay").addEventListener("click", function() {
     document.getElementById("stimulus").currentTime = 0;
     document.getElementById("stimulus").play();
});
</script>