Hallo zusammen,
ich versuche vergeblich eine Video-Datei in meine Befragung einzubinden. Ich bin den Empfehlungen gefolgt und habe das Video in drei Dateiformaten konvertiert. Da die Dateien recht groß sind (ca. 40 MB pro Datei) habe ich das ganze auf der Cloud unserer Hochschule hochgeladen und einen öffentlichen Link zu den Dateien erstellt, dieser funktioniert auch wenn ich ihn im Browser einfüge.
Der Code scheint auch in Teilen zu greifen (so wird der "Weiter-Botton" ausgeblendet und es erscheint ein Videofenster auf der entsprechenden Seite). Leider wird aber kein Video abgespielt.
Nachfolgend der Code:
<video width="512" height="288" controls controlsList="nodownload" id="stimulus">
<source src="https://dshs-koeln.sciebo.de/s/opC4UaKN2immdOQ" type="video/mp4"/>
<source src="https://dshs-koeln.sciebo.de/s/WEwijYrMjVFNacn" type="video/ogg" />
<source src="https://dshs-koeln.sciebo.de/s/kicrmRqH7HADxoE" type="video/webm" />
</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>
Mache ich etwas falsch? Ist die Datei einfach zu groß?
Vielen lieben Dank vorab für die Hilfe!
Beste Grüße,