Die Videos und Bilder habe ich unter Bilder- und Mediendateien hochgeladen. Für jedes einzelne Video habe ich dann eine Textvariable mit HTML code erstellt. Für das erste Video (V102) beispielsweise sieht dieser so aus:
<div style="text-align: center; margin:80px 0">
<video width="512" height="288" controls controlsList="nodownload" id="stimulus">
<source src="pro://1.Chatbot.mp4" type="video/mp4" />
</video>
</div>
<script type="text/javascript">
<!--
var video = document.getElementById("stimulus");
// 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> <br>
<p>
<center>
<font size="1"> Sources:
https://designersvalley.com/logos/flying-airplane-logo-design-travel-and-tour-sign-2308; https://landbot.io; iMovie Toneffekte Einfach </font>
</center>
</p>
Bei der Zusammenstellung des Fragebogens habe ich dann die Zufallsziehung mittels Urne mit PHP-Code auf Seite 3 so eingebaut:
urnDraw('videos', 'IV01', 'end');
$code = value('IV01_01');
if (value('IV01_01') == 1) {
text('V102');
} elseif (value('IV01_01') == 2) {
text('V202');
} elseif (value('IV01_01') == 3) {
text('V302');
} elseif (value('IV01_01') == 4) {
text('V402');
} elseif (value('IV01_01') == 5) {
text('V502');
}
Auf Seite 4-9 ist der folgende PHP-Code eingebaut, damit ein Bild, als Erinnerung aus dem vorhin gezogenen Video anzeigt wird:
$code = value('IV01_01');
if (value('IV01_01') == 1) {
html('<div style="text-align: center; margin: 40px 0" >
<img src="pro://1.Chatbot.png" width="200px" height="320px" alt="Banner">
<br>
<font size="1"> Sources:
https://designersvalley.com/logos/flying-airplane-logo-design-travel-and-tour-sign-2308; https://landbot.io</font>
</div>
<br> ');
} elseif (value('IV01_01') == 2) {
html('<div style="text-align: center; margin: 40px 0" >
<img src="pro://2.Chatbot.png" width="200px" height="320px" alt="Banner">
<br>
<font size="1"> Sources:
https://tenor.com/view/businesswoman-joypixels-office-worker-woman-in-a-suit-office-woman-gif-17335211; https://landbot.io</font>
</div>
<br> ');
} elseif (value('IV01_01') == 3) {
html('<div style="text-align: center; margin: 40px 0" >
<img src="pro://3.Chatbot.png" width="200px" height="320px" alt="Banner">
<br>
<font size="1"> Sources:
https://www.kalu-bremen.de/?page_id=67 & App ToonMe;
https://landbot.io</font>
</div>
<br>');
} elseif (value('IV01_01') == 4) {
html('<div style="text-align: center; margin: 40px 0" >
<img src="pro://4.Chatbot.png" width="200px" height="320px" alt="Banner">
<br>
<font size="1"> Sources:
https://differentimpulse.com/ai-amelia-siri-but-doctorate-psychology/; https://landbot.io</font>
</div>
<br> ');
} elseif (value('IV01_01') == 5) {
html('<div style="text-align: center; margin: 40px 0" >
<img src="pro://5.Chatbot.png" width="200px" height="320px" alt="Banner">
<br>
<font size="1"> Sources:
https://www.kalu-bremen.de/?page_id=67; https://landbot.io</font>
</div>
<br> ');
}
Es ist jetzt ein sehr langer Text und Code aber ich hoffe das hilft. Bis gestern (390 Teilnehmer) hat das auch super funktioniert, nur jetzt werden die Videos und Bilder auf einmal nicht mehr angezeigt.