Video einbinden und nur Einmalige Darbietung

Question

Hallo,

ich habe bereits ein Video in meinen Fragebogen eingebunden über html (Textbausteine):

<p align="center"><iframe id="videoframe" style="border: 1px solid #ccc;width:885px;height:500px;"  src="https://mediathek.hhu.de/embed/7a8c0e6c-06c8-4982-91ea-cfb95aa3e671?hidecontrols=1" allow="autoplay" frameborder="0"></iframe></p>

<button id="button" onclick="document.getElementById('videoframe').contentWindow.postMessage('playvideo', '*');window.setTimeout(SoSciTools.submitPage, 129000);this.style.display = 'none';return false;" style="margin:auto;display:block;font-size:16px" >Start</button>



<script type="text/javascript">

var video = document.getElementById("videoframe");
 
// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
  SoSciTools.submitButtonsHide();
});
 
</script>

Bisher ist es jedoch so, dass Probanden auch auf das Video klicken können, um das Video zu starten. Und sie dann nachher nochmal auf Start drücken müssten, das Video nochmals sehen würden, um den Weiter Knopf bedienen zu können. Das Video darf aber nur einmal gesehen werden. Haben Sie einen Rat, wie ich das ändern kann?

Liebe Grüße

Answer 1

Sie könnten den Weiter-Knopf beim Erreichen des Endes einfach wieder einblenden - aber das funktioniert nur dann, wenn Sie das Video direkt einbinden und nicht per <iframe>.

Und sie dann nachher nochmal auf Start drücken müssten, das Video nochmals sehen würden, um den Weiter Knopf bedienen zu können.

Also soweit ich sehe, hätten sie in der aktuellen Konstellation (innerhalb eines Fragebogens) überhaupt keine Chance, den Weiter-Knopf nochmal zu bekommen. Das Ausblenden zu Beginn ist da nicht so optimal.

Lösung (a): Video direkt mit dem <video>-Tag einbinden, sofern die externe Quelle das erlaubt.

Lösung (b): Zeitgesteuert nach 30 Sek. den Weiter-Knopf wieder einblenden (s. Anleitung) und später anhand der Verweildauer jene rauswerfen, die zu kurz auf der Seite waren.