Video nur einmal abspielen

Question

Liebes SoSci-Team,

ich habe aktuell das selbe Problem, komme aber mit Ihrer Lösung gerade nicht weiter. Ich möchte abenfalls, dass das Video durch den Befragten gestartet werden kann und danach nicht erneut startbar ist.
Der Code, den ich aktuell verwende lautet wie folgt:

<video width="1024" height="576" controls controlsList="nodownload" style="max-width: 100%">
  <source src="%random%"  type="video/mp4">
</video>
<script type="text/javascript">
document.getElementById("meinVideo").addEventListener("click", function() {
  document.getElementById("meinVideo").play();
});
</script>

Dadurch wird zwar während des Abspielens des Videos die Kontrolleiste ausgeblendet, diese ist aber durch einfache Bewegung der Maus wieder da und das Video kann erneut abgespielt werden.

Was ich schon versucht habe, ist das rauslöschen von "controls", was dann zwar für das Verschwinden der Kontrolleiste geführt hat, aber gleichzeitig auch das Abspielen des Videos verhindert.

Haben Sie vielleicht eine Lösung für mein Problem?

Vielen Dank für Ihre Hilfe und herzliche Grüße!

Comments

Um ehrlich zu sein, bin ich aus Ihren Ausführungen nicht wirklich schlau geworden...
Für das aktuelle Problem haben wir jetzt folgende Lösung gefunden: Wenn eine Frage nicht beantwortet wird, wird beim Nachhaken über die Filterfunktion einfach das Video ausgeblendet.

Leider funktioniert das nicht für die Freitextfragen, die im weiteren Verlauf des Fragebogens gestellt werden. Ich habe Ihnen hier nochmal einen Pretest-Link erstellt, der Sie zu einer solchen Frage leitet: https://www.soscisurvey.de/maskenstudierwth2021/?act=aNLqwUtNg2JkBc7Bj4wA5xig

Kennen Sie eine Möglichkeit, wie man dafür sorgen kann, dass beim Nachhaken bei Nichtbeantwortung der Frage im Freitext das Video ausgeblendet wird, analog zu den MC-Fragen?

---

> Kennen Sie eine Möglichkeit, wie man dafür sorgen kann, dass beim Nachhaken bei Nichtbeantwortung der Frage im Freitext das Video ausgeblendet wird, analog zu den MC-Fragen?

Ja ... den PHP-Code, den ich oben angegeben hatte.

if (getRoute() == 'next') {
  text('VD01');
}

Diesen fügen Sie anstatt (!) des Video-HTML-Codes auf der Seite ein. Der Filter sorgt dafür, dass der Text/HTML-Code (hier im Beispiel mit der Kennung) VD01 nur dann eingeblendet wird, wenn die Seite das erste Mal angezeigt wird.

---

Guten Morgen!
Ich habe mich bemüht, ihren Lösungsvorschlag nach bestem Verständnis umzusetzen. Leider wird nun das Video gar nicht mehr angezeigt...

Unter dem Pretest-Link kommen Sie zur exemplarischen Frage: https://www.soscisurvey.de/maskenstudierwth2021/?act=aNLqwUtNg2JkBc7Bj4wA5xig

Würden Sie nochmal gucken, was fehlt oder falsch ist? Vielen Dank!

---

Sie haben als Dateiname für das Video %random% eingetragen. Hatten Sie da ursprünglich eine Zufallsauswahl für das Video?

Wenn ja, dann ersetzen Sie text('VD01') durch show('RG01'), wobei Sie statt 'RG01' die Kennung des Zufallsgenerators einsetzen, in welchem die Videos und der HTML-Code hinterlegt sind.

---

Ja, genau. Das hat funktioniert.

Vielen Dank für Ihre Hilfe!