Automatisch weiter nach Autoplay Video

Question

Hallo,

Ich habe ein Video in einen Fragebogen eingebunden, das automatisch startet. Hier ist der HTML Code:

<video width="512" height="288" controls autoplay><source src="Becher_2_converted_langsam.mp4" type="video/mp4"></video>

Ist es möglich, dass die nächste Seite automatisch angezeigt wird nachdem das Video beendet ist?

Vielen Dank für Eure Hilfe!

Answer 1

Ja. Geben Sie dem Video dafür ein id Attribut, damit Sie es mittels JavaScript ansprechen können.

Anschließend horchen Sie mittels addEventListener() auf das "ended" Ereignis (Event) - und wenn das auftritt, rufen Sie SoSciTools.submitPage() auf.

Comments

Ok Vielen Dank! Ich habe es nach einigem herumprobieren geschaftt. Hier der fertige Code für Leute die in Zukunft das selbe Problem haben. Der Progress-Bar im Video und der Weiter-Button ist auch gleich entfernt.

<p></p>

<Video id="DerBecher" width="512" height="288" controls autoplay>
<source src="Becher_2_converted_langsam.mp4" type="video/mp4">
</video>

<script type="text/javascript">
<!--
 
var video = document.getElementById("DerBecher");
 
// Bedienelemente ausblenden, sobald es abspielt
SoSciTools.attachEvent(video, "play", function(evt) {
  DerBecher.removeAttribute("controls");
});
// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
  SoSciTools.submitButtonsHide();
});
 
// -->
</script>

<script>
var aud = document.getElementById("DerBecher");
aud.addEventListener("ended", function() {SoSciTools.submitPage()});

</script>

---

Respekt! Ich hätte ehrlich gesagt mit einigen Nachfragen gerechnet :)

---

Ich würde die Funktion gerne nutzen, bekomme aber eine Warnung: Warnung: Das PHP Konstrukt var darf im PHP-Code nicht verwendet werden.

Warnung: Der PHP-Code enthält Funktionen oder PHP-Elemente, die nicht für die Verwendung im Fragebogen freigegeben wurden. Falls Sie der Meinung sind, dass die monierten Konstrukte ungefährlich sind, setzen Sie sich bitte mit dem Administrator in Kontakt. Hab ich was falsches im Code geändert, oder muss das jemand freischalten?

---

Vermutlich haben Sie versucht, den JavaScript-Code in einem PHP-Code-Element unterzubringen. Bitte lesen Sie hier, wie JavaScript-Code korrekt eingebunden wird: https://www.soscisurvey.de/help/doku.php/de:create:javascript

---

Hallo, wie könnte ich denn einen Zeitverzögerung einbauen, sodass die Seite erst z.B. 5 Sekunden nach Videoende gewechselt wird?

EDIT: Habs rausgekriegt, es war mit etwas rumprobieren möglich. Im Prinzip alles war hier steht

https://www.soscisurvey.de/help/doku.php/de:create:timer-submit?s[]=%2Atimer%2A