Den “Weiter” Button Disablen

[Zuzana Mihaleova]

Liebe Alle,
Ich führe im Rahmen meiner Studie für meine Masterarbeit eine Umfrage durch wo ich Video herzeige, jetzt wollte ich Fragen ob es die Möglichkeit bei Unipark gibt, dass die Personen erst weiter klicken können sobald, dass Video abgespielt wurde?

Vielen Dank im Voraus

[mictr]

Das ist möglich, aber dafür bringt Unipark nichts mit, dass müsstest du selbst programmieren.

Du kannst dich – wenn du dich mit Javascript auskennst – zu Beginn, wenn die Seite geladen wird, den Button deaktivieren, dann das Event für “Video-Ende-Event” abfragen und den Absenden Button dann aktivieren.

Wenn dir das alles nicht sagt, gibt es noch eine andere, allerdings nicht so präzise Möglichkeit: Du kannst in jeder Seite einstellen, nach wie vielen Sekunden der Submit/Weiter Button angezeigt werden soll. Dazu gehst du auf die betreffende Seite, wählst am linken Rand den Menüpunkt Eigenschaften und schaust dann nach der Einstellung “Submit-Button unterdrücken”. Dort kannst du dann auswählen, nach wie vielen Sekunden der Button verfügbar wird. Warum das nicht so schön ist? Zum einen Ist die Auflösung bis 120 Sekunden im Ein-Sekunden-Intervall und danach nur noch im Zehn-Sekunden-Abstand auswählbar. Zum anderen ist das natürlich völlig unabhängig davon ob das Video angeschaut wurde oder nicht – wenn du als Zeit 60s einstellst kann man nach 60s weiter klicken, auch wenn das Vidoe nicht angeschaut wurde.

Vielleicht schaue ich die Tage mal, ob ich ein kleines Skript dafür schreiben kann… Bin gerade am umziehen/renovieren und hab daher wenig Zeit und viel Chaos…

[mictr]

<video id="theVideo" width="640" height="480" preload="auto" playsinline disablepictureinpicture disableremoteplayback>
<source src="test.mp4" />
</video>

<button id="btnPlay">Play</button>

<script>
const btnPlay = document.getElementById('btnPlay');
const theVideo = document.getElementById('theVideo');
const btnSubmit = document.getElementById('os');

document.addEventListener('DOMContentLoaded', function() {
	btnSubmit.disabled = true;
});
theVideo.addEventListener('ended', function() {
	theVideo.style.display = 'none';
	btnSubmit.disabled = false;
});
btnPlay.addEventListener('click', function() {
	theVideo.play();
	btnPlay.style.display = 'none';
});
</script>

[mictr]

Mit dem Code hat es bei mir außerhalb von Unipark funktioniert. Für einen Unipark Upload habe ich jetzt keine Zeit mehr…

Was musst du anpassen?
width=640 und height=480 musst du natürlich durch die gewünschte Darstellungsgröße deines Videos ersetzen – dabei mobile Geräte im Kopf behalten wenn du Teilnehmer auf Smartphones erwartest.
src=test.mp4 musst du natürlich durch den Pfad deines Videos auf Unipark ersetzen.

Wie mache ich daraus eine Frage?
Du brauchst den Fragetyp “998 – Text und Bild” aus der Kategorie “Text und Multimedia”. Dort kopierst du den im vorherigen Schritt kopierten Code hinein. Speichern nicht vergessen.

Was macht der Code?
Beim laden der Seite wird der Weiter-Button deaktiviert. Wenn der Benutzer auf den Play-Button drückt, wird die Wiedergabe des Videos gestartet und der Play-Button ausgeblendet. Wenn das Video durchgelaufen ist, wird das Video ausgeblendet und der Weiter Button aktiviert. Wenn das Video nicht ausgeblendet werden soll, die Zeile theVideo.style.display = 'none'; entfernen

[Zuzana Mihaleova]

Hallo Danke für die tolle Unterstützung! Ich probiere es gleich aus und melde mich!

[Zuzana Mihaleova]

An dieser Stelle nochmal ein großes Danke es hat funktioniert!

[Author]

Posts