Video ohne Bedienungselemente anzeigen

Question

Ich würde gerne ein Video im Fragebogen nutzen, welcher jedoch nicht gestoppt oder zurückgespult werden soll. Außerdem soll der Weiter-Knopf kurzzeitig ausgeblendet werden. Ich habe mich auch an den HTML-Code auf der Internetseite gehalten, aber leider klappt es bei mir nicht. [https://www.soscisurvey.de/help/doku.php/de:create:media]

Ich habe mich genau daran gehalten:

<video width="512" height="288" controls controlsList="nodownload" id="stimulus">
  <source src="dateiname.mp4" type="video/mp4" />
  <source src="dateiname.webm" type="video/webm" />
  <source src="dateiname.ogg" type="video/ogg" />
</video>
 
 
<script type="text/javascript">
<!--
 
var video = document.getElementById("stimulus");
 
// Bedienelemente ausblenden, sobald es abspielt
SoSciTools.attachEvent(video, "play", function(evt) {
  stimulus.removeAttribute("controls");
});
// Weiter-Knopf ausblenden
SoSciTools.attachEven![][1]t(window, "load", function(evt) {
  SoSciTools.submitButtonsHide();
});
// Weiter-Knopf am Ende des Videos wieder anzeigen
SoSciTools.attachEvent(stimulus, "ended", function(evt) {
  SoSciTools.submitButtonsDisplay();
});
 
// -->
</script>

Es macht tatsächlich keinen Unterschied, ob ich den Code benutze oder nicht. Man hat weiterhin Zugriff auf die Bedienung.

Schonmal vielen Dank für die Hilfe!

Comments

Was sagt denn die Fehlerkonsole im Browser?
https://www.soscisurvey.de/help/doku.php/de:general:browser-tools#javascript-probleme

---

Das hier:

Uncaught Error: No element specified for SoSciTools.attachEvent()
    at i.attachEvent (SoSciTools.min.js?i=1331:2:3814)
    at ?s2preview=kgzNyf0939W9vcvtB72HVgXDuejRBSM3&question=A203&csfr&r=NHYZ/:68:12

Answer 1

<video controls controlsList="nodownload" id="stimulus">
  <source src="A_Clip34_.mp4" type="video/mp4" />
</video>

<script type="text/javascript">

 
var video = document.getElementById("stimulus");
 
// Bedienelemente ausblenden, sobald es abspielt
SoSciTools.attachEvent(video, "play", function(evt) {
  stimulus.removeAttribute("controls");
});
// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
  SoSciTools.submitButtonsHide();
});
// Weiter-Knopf am Ende des Videos wieder anzeigen
SoSciTools.attachEvent(stimulus, "ended", function(evt) {
  SoSciTools.submitButtonsDisplay();
});
 

</script>

Ich habe den gleichen Code für eine Studie letzten Monat verwendet, und es hat wunderbar funktioniert. Allerdings habe ich den Code über ein Textbaustein (html) eingebunden und dann auf die entsprechende Seite gezogen. Sind Sie auch so vorgegangen?

Comments

Vielen lieben Dank!!
Es funktioniert jetzt bei mir auch.

Habs dann bei “Fragebogen zusammenstellen“ direkt als HTML-Baustein eingefügt.